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>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.