需要用到的两个属性：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. 1098 Insertion or Heap Sort
			
    1098 Insertion or Heap Sort (25 分) According to Wikipedia: Insertion sort iterates, consuming one in ...
    
			
    2. 
						
  2. c51较c比较,单片机最小系统
			
    sfr(Special function registers):特殊功能寄存器声明 bit:位变量声明 sbit:特殊位声明 psw^2,表示psw寄存器上的第2位 << >> ...
    
			
    3. 
						
  3. 20155326 实验三 敏捷开发与XP实践
			
    20155326 实验三 敏捷开发与XP实践 实验内容 XP基础 XP核心实践 相关工具 实验要求 1.没有Linux基础的同学建议先学习<Linux基础入门(新版)><Vim编辑器 ...
    
			
    4. 
						
  4. Linqpad工具
			
    下载地址: http://www.linqpad.net/ 可以通过连接数据库,直接测试LINQ语句,并可以转化为Lamda .SQL语句. 非常好用的小工具,记录一下.
    
			
    5. 
						
  5. Java Map释放内存置null以及调用clear()的区别
			
    今天自己在总结map的时候,想到了在释放Map对象空间的时候就有使用过将Map对象置null,也有时候会调用clear()将Map中的数据清除,那么它们都有什么区别呢? Map<Integer, ...
    
			
    6. 
						
  6. ASP.NET Web API 框架研究  IoC容器 DependencyResolver
			
    一.概念 1.IoC(Inversion of Control),控制反转 即将依赖对象的创建和维护交给一个外部容器来负责,而不是应用本身.如,在类型A中需要使用类型B的实例,而B的实例的创建不是由A ...
    
			
    7. 
						
  7. windows 7  下elasticsearch5.0 安装head 插件
			
    windows 7 下elasticsearch5.0 安装head 插件 elasticsearch5.0 和2有了很大的变化,以前的很多插件都有了变化比如 bigdesk head,以下是安装he ...
    
			
    8. 
						
  8. python36--将数据保存为excel
			
    #!/usr/bin/env python # -*- coding: utf-8 -*- import xlwt import os class ExcelHelper(object): @stat ...
    
			
    9. 
						
  9. C# 利用VS中的插件来打包并发布winfrom程序
			
    1.先在VS 的扩展更新中搜索此插件[2015 installer Projects],点击下载,安装需要关闭VS 2.安装完毕之后新建项目 3.选择“application folder”项,然后在 ...
    
			
    10. 
						
  10. .net图表之ECharts随笔01-最简单的使用步骤
			
    找了几种绘制图表的办法,后面选定了ECharts.下载链接如下,好像不同的ECharts有不同的用法,要下对. https://gitee.com/Tuky/SomeWebFrame/tree/mas ...
    
			
    11.