需要用到的两个属性：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. Docker Compose部署lnmp
			
    参考:https://github.com/micooz/docker-lnmp 一.简介 使用Dcoekr镜像部署lnmp(Linux.Nginx.MySQL.PHP7). 1.1 结构 app └ ...
    
			
    2. 
						
  2. Swift3翻天覆地的改变
			
    经历了从swift 1.0 到2.0,一个版本之后代码居然就不兼容了.这如何在团队推广呢?没有想到3.0居然变化更加的大.有多大,来体会一下: UIFont.preferredFontForTextS ...
    
			
    3. 
						
  3. BAT的真的适合创业团队吗？
			
    平时在公司扮演一个逗比得角色和亲爱的们友好相处的我根本不愿意去思考这么深入的课题.本来在上一家公司就涉及的太深,心爱的一条小产品线被咔掉后心疼不已.只想深入研究技术不问世事了.怎奈何突然有一天说要招一 ...
    
			
    4. 
						
  4. 20170905工作日记--listview优化大全
			
    1. 适配器设计模式 实例描述:我们国家的电器使用普通的扁平两项或三项插头,而去外国的话,使用的标准就不一样了,比如德国,使用的是两项圆头的插头,那么我们使用的手机充电器插头无法插到德国的插排中去,那 ...
    
			
    5. 
						
  5. （记忆化搜索）Jury Compromise （poj 1015）
			
    http://acm.fzu.edu.cn/problem.php?pid=1005 Description The fastfood chain McBurger owns several rest ...
    
			
    6. 
						
  6. Hdu2819 Swap
			
    Swap Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Submi ...
    
			
    7. 
						
  7. nutch相关目录说明
			
    Nutch数据包含3个目录结构,分别是: 1.Crawldb:用于存储Nutch将要检索的url信息,以及检索状态(是否检索.何时检索) 2.Linkdb:用于存储每一个url所包含的超链接信息(包括 ...
    
			
    8. 
						
  8. [ 9.13 ]CF每日一题系列—— 340A GCD & LCM
			
    Description: [ 着实比较羞愧,都想着去暴力,把算法(方法)也忘了] A只涂x,2x,3x……,B只涂y,2y,3y……问你A和B共同涂的墙的个数 Solution: 就是求x和y的lcm ...
    
			
    9. 
						
  9. poj3929
			
    题意: 如上图放置的一个圆锥,告诉你从圆锥顶的洞中流出多少体积的水,求现在水面高度.. 思路: 无聊时做的一道题,实际上就是一道高数题,重积分,可惜我高数本来也不好而且还忘光了,积了很久,而且错了很多 ...
    
			
    10. 
						
  10. wordpress和数据库的连接
			
    1.首先在数据库里创建wordpress数据库 2.在网页上配置WordPress,安装WordPress 如上配置不对,提交时提示了错误,于是我选择了root用户 123456, 3.提交后,连上了 ...
    
			
    11.