需要用到的两个属性：previousSbiling和previousElementSibling

previousSibling：获取元素的上一个兄弟节点；（既包含元素节点、文本节点、注释节点）

previousElementSibling：获取上一个兄弟元素节点；（只包含元素节点）；

这个两个方法的区别，直接在控制台打印一下就知道了。

所以一般我们会用previousElementSibling

												


											
js获取上一个兄弟元素的更多相关文章
	

    
								
  1. jquery 获取上一个兄弟元素和下一个兄弟元素
		
    jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点 jQuery.prevAll(),返回所有之前的兄弟节点 jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点 jQu ...
    
		
    2. 
						
  2. 获取第上一个兄弟元素 屏蔽浏览器的差异（PreviousElementSibling）
		
    //获取element上一个兄弟元素 function getPreviousElementSibling(element){ //能力检测 判断是否支持PreviousElementSibling  ...
    
		
    3. 
						
  3. JavaScript封装函数：获取下一个/上一个兄弟元素节点
		
    要求: 获得下一个/上一个兄弟元素节点,不包括文本节点等 解决IE兼容性问题 代码实现: 获得下一个兄弟元素节点: function getNextElement(element) { var el  ...
    
		
    4. 
						
  4. js获取上一个月、下一个月格式为yyyy-mm-dd的日期
		
    /** * 获取上一个月 * * @date 格式为yyyy-mm-dd的日期,如:2014-01-25 */ function getPreMonth(date) { var arr = date. ...
    
		
    5. 
						
  5. js获取上一个月、下一个月
		
    /** * 获取上一个月 * * @date 格式为yyyy-mm-dd的日期,如:2014-01-25 */ function getPreMonth(date) { var arr = date. ...
    
		
    6. 
						
  6. JS获取节点的兄弟,父级,子级元素的方法(js获取子级获取到换行与空格元素-FF)
		
    先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 < ...
    
		
    7. 
						
  7. JS获取节点的兄弟，父级，子级元素
		
    https://blog.csdn.net/duanshuyong/article/details/7562423 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作 ...
    
		
    8. 
						
  8. 原生JavaScript 获取下一个/上一个同胞元素
		
    看JavaScript遇到的问题,研究了下 获取上一个或者下一个同胞元素,使用很多人会立马想到JQuery  prev() 和 next() 的确非常方便.那么原生的JavaScript该怎么获取 上 ...
    
		
    9. 
						
  9. 获取第下一个兄弟元素 屏蔽浏览器的差异（nextElementsibling）
		
    //获取element下一个兄弟元素 function getNextElementSibling(element){ //能力检测 判断是否支持nextElementSibling if(eleme ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. info AI drive
			
    Who we look for Here at comma, we don't care about the source of your education or your traditional  ...
    
			
    2. 
						
  2. Linux服务器数据备份恢复策略
			
    一.Linux 备份恢复基础 1.什么是备份 最简单的讲,备份数据的过程就是拷贝重要的数据到其他的介质之上(通常是可移动的),以保证在原始数据丢失的情况下可以恢复数据.一次备份可能是简单的 cp命令, ...
    
			
    3. 
						
  3. MySQL查询练习（45道）
			
    题目:设有一数据库,包括四个表:学生表(Student).课程表(Course).成绩表(Score)以及教师信息表(Teacher). 四个表的结构分别如表1-1的表(一)~表(四)所示,数据如表1 ...
    
			
    4. 
						
  4. 在Echarts 柱形图的单击事件中写入自定义的参数
			
    标签: 逻辑:(点击柱形图的某个实例(注意:三个柱子表示的是一个实例)) 参考链接:http://echarts.baidu.com/doc/example/event.html { name: ‘c ...
    
			
    5. 
						
  5. 《mysql必知必会》学习_第七章_20180730_欢
			
    第七章:数据过滤 P43 select prod_id,prod_price,prod_name from products where vend_id =1003 and prod_price &l ...
    
			
    6. 
						
  6. 8.Layout布局应用
			
    
			
    7. 
						
  7. js五道经典练习题--第三道实现购物车功能
			
    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...
    
			
    8. 
						
  8. http://vjudge.net/contest/view.action?cid=51142#problem/C   精度转换的一道题。。。
			
    C - Get-Together at Den's Time Limit:1000MS     Memory Limit:65536KB     64bit IO Format:%I64d & ...
    
			
    9. 
						
  9. MySQL5.7Gtid主从复制总是遇到日志被清等出现无法正常主从复制
			
    最近最是在MySQL5.7上的的gtid主从复制问题总是遇上下面问题: Last_Error: Coordinator stopped because there were error(s) in t ...
    
			
    10. 
						
  10. WPF 分享一种背景动画效果
			
    今天看微软的一个Samples,发现一个蛮好玩的背景样式,如下图所示: 风格比较卡哇伊. <Window x:Class="WPFSamplesTest.MainWindow" ...
    
			
    11.