ChildNodes and children

<script>
Window.onload = function () {
var Oul = document.getElementById (' ul1 ');
alert (oUl.childNodes.length);//Bounce Out is 11
alert (oUl.children.length);//Bounce Out is 3

}
</script>

<ul id= "Ul1" style= "border:1px solid red;" >
<li>11111 <span>span</span></li>
<li>22222</li>
<li>33333</li>
<li>44444</li>
<p>ppppp</p>
</ul>

element. ChildNodes: read-only attribute child node list collection

Standard: A node that contains a blank node and an element type, and also contains an illegally nested child node
Non-standard: contains only the element type of the node, IE7 the following will not contain illegal nested subnodes

ChildNodes contains only one level of child nodes and does not contain nodes below the grandchild level of the descendants

element. NodeType: Read-only property the node type of the current element

ChildNodes and children