需要用到的两个属性：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. 通过Windows API实现的MDI简易程序
			
    ## #include <windows.h> #include <tchar.h> HINSTANCE hInst; ATOM WindowRegister(WNDPROC  ...
    
			
    2. 
						
  2. DOS下如何打开程序
			
    cd c:    #先切回主盘,因为最开始在C:\Users\Administrator这个目录下 cd “指定文件所在的盘:”      #切换到文件所在盘 print "文件目录&quo ...
    
			
    3. 
						
  3. c++ cout、<<  、cin、>> 、endl  详解
			
    std::cout是在#include<iostream>库中的ostream类型中的对象 std::表示命名空间,标准库定义的所有名字都在命名空间std中 std::cout是在#inc ...
    
			
    4. 
						
  4. tlink平台数据转发 c# 控制台程序
			
    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.N ...
    
			
    5. 
						
  5. Codeforces816B Karen and Coffee                                                                                            2017-06-27 15:18             39人阅读              评论(0)              收藏
			
    B. Karen and Coffee time limit per test 2.5 seconds memory limit per test 512 megabytes input standa ...
    
			
    6. 
						
  6. C#单例类的实现
			
    C#单例类的实现 单例类保证一个类全局仅有一个实例,并提供一个全局访问点,由于只能生成一个实例,因此我们必须把构造函数设为私有函数以禁止他人创建实例. 实现1:懒汉式,线程不安全 该实现没有额外开销, ...
    
			
    7. 
						
  7. 使用ActionFilterAttribute实现MVC后台授权
			
    授权就是我们在用户未登录的情况下不允许访问一些页面,只有登录后才能进行访问一些页面. 在mvc中我们可以使用ActionFilterAttribute来进行授权验证来阻止一些未经授权的直接访问的页面. ...
    
			
    8. 
						
  8. node.js实现WebSocket
			
    最近在学习“HTML5游戏开发实战”,其中第8章内容是使用WebSocket来构建多人游戏---<你画我猜>.然而在实现过程中,却一直出错: 客户端请求时,服务器端会报错并终止: 而浏览器 ...
    
			
    9. 
						
  9. Android开发教程 - 使用Data Binding（六）RecyclerView Adapter中的使用
			
    本系列目录 使用Data Binding(一)介绍 使用Data Binding(二)集成与配置 使用Data Binding(三)在Activity中的使用 使用Data Binding(四)在Fr ...
    
			
    10. 
						
  10. nginx-2.nginx是什么
			
    Nginx是一款自由的.开源的.高性能的HTTP服务器和反向代理服务器:同时也是一个IMAP.POP3.SMTP代理服务器: Nginx可以作为一个HTTP服务器进行网站的发布处理,另外Nginx可以 ...
    
			
    11.