element. ChildNodes: read-only attribute child node list collection
Under standard browser: Contains text and element type nodes, and also contains illegal nested child nodes
Non-standard browser: Contains only element type nodes, IE7 does not contain illegal nested child nodes
ChildNodes contains only one level of child nodes and does not contain descendants of grandchildren
Let's look at an example:
<!DOCTYPE HTML><HTML><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8"><title>Untitled Document</title></Head><Body><Div> <ulID= "U1"> <Li></Li> <Li></Li> <Li></Li> <Li></Li> <P></P> </ul></Div><Script>varDom=document.getElementById ('U1'); alert (dom.childNodes.length);</Script></Body></HTML>
IE9 above:
IE8:
IE7:
This shows that childnodes compatibility problem is relatively large, so in the work recommended the use of children
Compatibility issues with ChildNodes