js如何给目标元素的兄弟元素更改样式

如题所述

找到目标元素的父元素,再找到它的子元素即可:
目标元素.parentNode.childNode
然后再通过循环给每个元素更改样式即可。当然这里面也包括了目标元素,要不要排除掉就看你了
也可以直接找目标元素的兄弟元素,但这要分两步走:往前找和往后找,除非目标元素是所有兄弟里面的老大或老幺,倒不如通过老爸直接找到所有兄弟来得更快更方便。
温馨提示:内容为网友见解,仅供参考
第1个回答  2017-12-08

先获取兄弟节点对象,然后再修改样式。如:

var s= document.getElementById("test");
var ns=s.nextSbiling;   //获得s的下一个兄弟节点
var ps=s.previousSbiling;  //得到s的上一个兄弟节点
ns.style.color='red';//字体颜色
ps.className='red';//更改class属性

用jQuery也封装了,很多操作样式的方法。

本回答被网友采纳

js如何给目标元素的兄弟元素更改样式
找到目标元素的父元素,再找到它的子元素即可:目标元素.parentNode.childNode 然后再通过循环给每个元素更改样式即可。当然这里面也包括了目标元素,要不要排除掉就看你了 也可以直接找目标元素的兄弟元素,但这要分两步走:往前找和往后找,除非目标元素是所有兄弟里面的老大或老幺,倒不如通过老爸直接找...

vue.js怎么将兄弟元素作为参数传递
var vue1= new Vue({el: '#v1'}); var vue2= new Vue({el: '#v2'});

怎么用js在某个元素节点中添加元素
\/\/新建的元素节点插入id为P1节点元素的后面。 } 第二种\/\/ 自定义函数向后插入function insertAfter( newElement, targetElement){ var parent = targetElement.parentNode; if ( parent.lastChild == targetElement ) { \/\/ 如果最后的节点是目标元素,则直接添加。因为默认是最后 paren...

js在已有元素后插入一个新元素(insertAfter函数)
(1)var parent = targetElement.parentNode; 将目标元素的父元素引用保存到变量parent中。(2)parent.insertBefore(newElement,targetElement.nextSibling); 将新元素插入到目标元素之后,紧邻目标元素的下一个兄弟元素之前。这里的nextSibling属性指向目标元素的下一个兄弟元素。(3)sibling(英 [ˈs&...

原生JS怎么获取元素的兄弟节点
应该是优先级问题,你把父标签的dom节点或id或class加上看看,如:div.class1 #id1 #id2 a{color:red;}

angularjs 如何操作某个DOM,实现兄弟元素隐藏和切
对于隐藏一般是使用ng-class或者ng-show\/ng-hide去实现的 通过ng-class或者ng-show\/ng-hide所绑定的值的改变直接隐藏或者显示 angularjs 是mvc架构的框架,不推荐直接操作DOM,而是通过Model - Controller - View的形式绑定,通过改变值,借助控制器改变显示。

js jquery获取当前元素的兄弟级 上一个 下一个元素
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当作DOM元素 原生的JS获取ID为test的元素下的子元素。可以用:var a = docuemnt.getElementById("test").getElementsByTagName_...

jQuery如何批量设置元素高度为他的兄弟元素的高度
(this)的用法不对,获取高度的用法也不对(个人意见)(".box1").each(function (i,o){ var $this = $(o), height = $this.next().height();\/\/ 或者js的offsetHeight获取 $(this).css("height",height);}); 个人意见,仅供参考~...

JQUERY选取 上一个兄弟元素
前两位所写:一个是查找全部的input控件的同辈元素,另一个是查找下一个同辈元素。我以前也遇到过这种问题,向下找容易,向上找较麻烦,我就直接在前面放一个隐藏域,再通过这个隐藏来向下找就可以找到上一个兄弟元素了

js如何获取除this的其它兄弟节点(急 在线等)
var me = this;var p = me.parentElement;var cs = p.children;for(var i = 0; i < cs.length; i++){ var ci = cs[i]; if(me != ci){ console.log(ci); }}

相似回答