(022)javascript_dom_children
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>DOM</title> 6 <script type="text/javascript"> 7 8 window.onload = function() { 9 10 var ulNode = document.getElementById("myul"); 11 12 //children理解为兼容版的childNodes 13 var liNodeArr = ulNode.children; 14 15 for(var i = 0; i < liNodeArr.length; i++) 16 { 17 liNodeArr[i].style.background = "blue"; 18 } 19 }; 20 21 </script> 22 </head> 23 24 <body> 25 <ul id="myul"> 26 <li>aaa</li> 27 <li>bbb</li> 28 <li>ccc</li> 29 </ul> 30 </body> 31 </html>
***万事万物都有裂痕,那是光照进来的地方***