大家好,又见面了,我是你们的朋友全栈君。
在使用DOM过程中发现一个问题:
使用nextSibling 属性返回指定节点之后紧跟的节点,在相同的树层级中。被返回的节点以 Node 对象返回。
this.arrow = this.screen.nextSibling; this.left = this.arrow.children[0]; // undefined this.right = this.arrow.children[1]; // undefined // 使用nextElementSibling this.arrow = this.screen.nextElementSibling; this.left = this.arrow.children[0]; // 正常获取第一个子节点 this.right = this.arrow.children[1]; // 正常获取第2个子节点
nextSibling属性与nextElementSibling属性的差别:
nextSibling属性返回元素节点之后紧跟的兄弟节点(包括文本节点、注释节点即回车、换行、空格、文本等等);
nextElementSibling属性只返回元素节点之后紧跟的兄弟元素节点(不包括文本节点、注释节点);
注意: 空格、回车也会看作文本,以文本节点对待。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/154426.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...