getElementById("id")的childNodes和children

Posted 2021-01-14 seeyagain

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>