标签:des style blog http java color
1 <script> 2 3 function getByClass(oParent,ClassName) 4 { 5 var result=[]; 6 var aEle=document.getElementsByTagName(‘*‘);//document 在这里应该可以用oUl代替,不知道是不是浏览器的问题,我这里老调试不出来 7 for(var i=0; i<aEle.length ; i++) 8 { 9 if(aEle[i].className==ClassName) 10 { 11 result.push(aEle[i]); 12 } 13 } 14 return result; 15 } 16 17 18 window.onload=function () 19 { 20 var oUl=document.getElementById(‘ull‘); 21 var oBox=getByClass(oUl,‘box‘); 22 for(var i=0;i<oBox.length;i++) 23 { 24 oBox[i].style.background=‘red‘; 25 } 26 /*var aLi=document.getElementsByTagName(‘li‘); 27 for(var i=0;i<aLi.length;i++) 28 { 29 if(aLi[i].className==‘box‘) 30 { 31 //oLi[i].style.background=‘red‘; 32 aLi[i].style.background=‘red‘; 33 34 } 35 }*/ 36 37 } 38 39 40 </script> 41 42 <!---~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~--> 43 44 <body> 45 <ul id="ul1"> 46 <li class="box"></li> 47 <li class="box"></li> 48 <li></li> 49 <li></li> 50 <li></li> 51 <li class="box"></li> 52 <li></li> 53 </ul> 54 55 </body>
Javascript DOM 基础篇 01,码迷,mamicode.com
标签:des style blog http java color
原文地址:http://www.cnblogs.com/izhiniao/p/3698464.html