2020/4/19 元素节点

节点类型

  1. 元素节点
  2. 属性节点
  3. 文本节点



元素节点属性

  1. innerNodes 获取标签中内容,会解析成标签
  2. innerText 获取标签间纯文本,不会解析标签,设置纯文本
  3. outerHTML 从外标签开始到外标签结束,会解析



获取子节点

childNodes     访问当前节点下所有子节点
firstChild     访问子节点中的首位
lastChild     访问子节点中最后一位
nextSibling     访问当前节点兄弟节点中的下一位
previousSibling     访问当前节点兄弟节点中的上一位
【注】上述这些属性都包含文本节点(空格 回车 换行)


children         访问当前节点下所有子节点
firstElementChild     访问子节点中的首位
lastElementChild     访问子节点中最后一位
nextElementSibling     访问当前节点兄弟节点中的下一位
previousElementSibling     访问当前节点兄弟节点中的上一位
【注】上述这些方法只获取子节点中,元素节点

  <script type="text/javascript">
   window.onload = function(){
    var huoqu = document.getElementById("jiedian");
    alert(huoqu.childNodes.length);
    alert(huoqu.childNodes[0].nodeType);
   }
  </script>
  
   <body>
   <div id=jiedian><em>em文本</em>div文本<strong>strong文本</strong></div>
   </body>

返回值

nodeType nodeName nodeValue
元素节点 1 标签名 null
属性节点 2 属性名 属性值
文本节点 3 #text 文本内容

attributes,获取当前元素节点上的所有元素节点

发布了2 篇原创文章 · 获赞 0 · 访问量 23

猜你喜欢

转载自blog.csdn.net/qq1547511739/article/details/105611935