DOM 获取节点

最新推荐文章于 2024-06-22 01:19:26 发布

间接性踌躇满志，持续性混吃等死

最新推荐文章于 2024-06-22 01:19:26 发布

阅读量173

点赞数

本文链接：https://blog.csdn.net/weixin_45846312/article/details/103757455

版权

层次节点操作

.childNodes：获取当前节点的所有子节点（包括元素节点和文本节点）。
.children：获取当前节点的所有元素子节点（不包含文本节点）。
.parentNode: 获取当前节点的父节点。
.firstChild：获取第一个子节点，包括回车等文本节点；
.firstElementChild：获取第一个元素节点。不含文本节点；
.lastChild：获取最后一个子节点，包括回车等文本节点；
.lastElementChild：获取最后一个子节点，不含文本节点；
.previousSibling：获取当前节点的前一个兄弟节点，包括文本节点；
.previousElementSibling：获取当前节点的前一个元素兄弟节点；
.nextSibling：获取当前节点的后一个兄弟节点，包括文本节点；
.nextElementSibling：获取当前节点的后一个元素兄弟节点

DOM树的节点

DOM节点分为三大类: 元素节点(标签节点)、属性节点和文本节点
使用getElement系列方法：
具体的HTML代码如下

 <body> 
   <ul>  
         <li id="one">一</li>
         <li class="two">二</li>
         <li class="two">三</li>    
   </ul> 
   <input type="radio" name="sex">男    
   <input type="radio" name="sex">女 
 </body>

  //通过id来查看元素属性    
  var x = document.getElementById("one");    
  //通过class来查看属性元素    
  var y = document.getElementsByClassName("two");    
  //通过标签名来查看元素属性    
  var z = document.getElementsByTagName("li");    
  //通过name属性来查看元素属性    
  var n = document.getElementsByName("sex");