getElementById("id")的childNodes和children

标签：输出   des   text   OLE   gre   table   标签   color   UNC   

getElementById("id")获取的元素在使用时：1）使用children；2）使用childNodes。

1) 在使用children时，获取到的元素只是标签中的元素

2）在使用childNodes时，如果ID元素的前后包含换行、空格等，这些特殊的符号也会占用一个childNodes[i];

<div id="progrestable" >
<p>Click on the header to alert its value</p>
</div>

<script type="text/javascript">
$(function(){
var x=document.getElementById("progrestable");
console.log(x.childNodes.length); //输出3，
console.log(x.children.length); //输出1，只包含元素p的内容
});
</script>

getElementById("id")的childNodes和children

标签：输出   des   text   OLE   gre   table   标签   color   UNC   

原文地址：https://www.cnblogs.com/seeYagain/p/9838019.html