<![CDATA[刘新修]]> http://pic1.liuxinxiu.com:80/index.php zh-cn http://pic1.liuxinxiu.com:80/JS_parentNode_children/ <![CDATA[原生JS选择同胞节点]]> 刘新修 <admin@yourname.com> Sat, 07 Nov 2015 11:49:35 +0000 http://pic1.liuxinxiu.com:80/JS_parentNode_children/
XML/HTML代码
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <title>Document</title>  
  6. <script type="text/javascript">  
  7. window.onload=function(){  
  8.   var oli=document.getElementById("box1");  
  9.   var obox=oli.parentNode;  
  10.   var lis=obox.children;  
  11.   for(var i=0;i<lis.length;i++){  
  12.     if(lis[i]!=oli){  
  13.       lis[i].style.color="red";  
  14.     }  
  15.   }  
  16. }  
  17. </script>  
  18. </head>  
  19. <body>  
  20. <ul id="box1">  
  21.   <li>111</li>  
  22.   <li id="antzone">222</li>  
  23.   <li>333</li>  
  24.   <li>444</li>  
  25. </ul>  
  26. <ul id="box2">  
  27.   <li>111</li>  
  28.   <li id="antzone">222</li>  
  29.   <li>333</li>  
  30.   <li>444</li>  
  31. </ul>  
  32. <ul id="box3">  
  33.   <li>111</li>  
  34.   <li id="antzone">222</li>  
  35.   <li>333</li>  
  36.   <li>444</li>  
  37. </ul>  
  38. <ul id="box4">  
  39.   <li>111</li>  
  40.   <li id="antzone">222</li>  
  41.   <li>333</li>  
  42.   <li>444</li>  
  43. </ul>  
  44. </body>  
  45. </html>  
]]> http://pic1.liuxinxiu.com:80/JS_parentNode_children/#blogcomment <![CDATA[[评论] 原生JS选择同胞节点]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 http://pic1.liuxinxiu.com:80/JS_parentNode_children/#blogcomment