JS DOM nextSibling下一个兄弟节点
nextSibling属性
JavaScript DOM中的节点的nextSibing属性,可以用于获取相对于该节点的下一个兄弟节点。
语法
sibing.nextSibing
nextSibling属性实例代码,及在线编辑器
下方实例,将通过document.getElementById()方法获取特定的DOM节点,并通过nextSibling属性获取该节点的下一个兄弟节点,并通过nodeName来获取该节点的名称,以展示nextSibling用法的特点:
提示:下方实例中,使用了两次nextSibling属性;
提示:文本节点的nodeName总是#text;元素节点的为标签名;属性节点的为属性名称;文档节点的为#document。
<img id='p'>
<span>span二</span>
<h5>标题三</h5>
<script>
var p = document.getElementById('p')
alert(p.nextSibling.nextSibling.nodeName)
</script>