需要用到的两个属性：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. ckeditor 实现ctrl+v粘贴图片并上传、word粘贴带图片
			
    公司做的项目需要用到文本上传功能. Chrome+IE默认支持粘贴剪切板中的图片,但是我要粘贴的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? 我希望打开文档doc直接复制粘贴到富文本 ...
    
			
    2. 
						
  2. C#重点内容之：事件（Event）
			
    一.事件的五个组成部分 事件的五个部分: 事件拥有者(对象) 事件成员(Event ,成员) 事件的响应者(对象) 事件处理器(成员,本质是一个回调方法) 事件订阅——把事件处理器与事件关联在一起 二 ...
    
			
    3. 
						
  3. C#-VS SQLServer数据库编程-摘
			
    ado.net 通用类对象.在本地内存暂存数据 托管类对象.让本地通用类对象连接数据库,让本地通用类对象和数据库同步 连接数据库 new connection(connectstring) comma ...
    
			
    4. 
						
  4. linux 配置阿里云yum库
			
    备份当前yum库 mv /etc/yum.repos.d /etc/yum.repos.d.backup4comex 新建yum源配置目录 mkdir /etc/yum.repos.d 设置阿里yum ...
    
			
    5. 
						
  5. Hdu2389 Rain on your Parade （HK二分图最大匹配）
			
    Rain on your Parade Problem Description You’re giving a party in the garden of your villa by the sea ...
    
			
    6. 
						
  6. nutch相关目录说明
			
    Nutch数据包含3个目录结构,分别是: 1.Crawldb:用于存储Nutch将要检索的url信息,以及检索状态(是否检索.何时检索) 2.Linkdb:用于存储每一个url所包含的超链接信息(包括 ...
    
			
    7. 
						
  7. Ubuntu下mount命令的好用处
			
    mount,也就是挂载.如果是让电脑自己挂载Windows的分区,也就是你直接在文件管理器里点击那些Windows的盘符,系统就会帮助你自动挂载,不过其挂载后的名称太长太复杂,不方便终端操作.所以还是 ...
    
			
    8. 
						
  8. UWP 取消GridView、ListView鼠标选中、悬停效果
			
    因为经常碰到ListView或者ListBox之类的选中.鼠标悬停样式和自己设置的主题颜色不搭,这时就需要改变这些样式了. 而这里我通过ListView来说明,大致思路其实就是重新定义Item的Tem ...
    
			
    9. 
						
  9. AJPFX平台：外汇的基本面分析
			
    AJPFX平台:开设外汇保证金交易账户以及入金之后,通常就可以开始交易了,但是在选择买卖时点时通常会依据两种分析,两种主要分析方法通常会被称为基本面分析和技术分析.基本面分析注重金融,经济理论和政局发 ...
    
			
    10. 
						
  10. Tree with Small Distances(cf1029E)(树形动规)
			
    You are given an undirected tree consisting of \(n\) vertices. An undirected tree is a connected und ...
    
			
    11.