zoukankan      html  css  js  c++  java
  • getElementsByTagName()

     window.onload = function(){
                  var oUL1 = document.getElementById("ul1");
                  var oUL2 = document.getElementById("ul2");
                  var oDiv = document.getElementById("div1");
                        
                  oLi = getElementsByClassName(oDiv,'p', 'box');
                  
                  for(var i=0; i< oLi.length; i++)
                  {
                      oLi[i].style.background= "red";
                  }
            }
            
            function getElementsByClassName(parent, tagName, className)
            {
                     var aEls = parent.getElementsByTagName(tagName);
                     var aArr = [];             
                     for(var i=0; i< aEls.length; i++)
                     {        
                                  
                          var aClass = aEls[i].className.split(" ");    
                  
                            for(var j=0; j< aClass.length; j++)
                            {
                                  if(aClass[j] == className)
                                  {
                                      aArr.push(aEls[i]);
                                      break;
                                  }                         
                            }                  
                     }
                     
                return aArr;
            }
     1 <ul id="ul1">
     2     <li>111111111</li>
     3     <li class="box box">222222222</li>
     4     <li>333333333</li>
     5     <li class="box box1">444444444</li>
     6 </ul>
     7 
     8 
     9 <ul id="ul2">
    10     <li>111111111</li>
    11     <li class="box box">222222222</li>
    12     <li>333333333</li>
    13     <li class="box box1">444444444</li>
    14 </ul>
    15 
    16 <div id="div1">
    17     <p class="box">11111111</p>
    18 </div>
  • 相关阅读:
    留言板
    文件操作1
    JQUERY与JS的区别
    PHP 练习租房
    PHP 投票练习
    PHP,单项查询及多项查询
    PHP 增删改查 import!!
    PHP 数据访问
    PHP 对象及其三大特性
    正则表达式和数组
  • 原文地址:https://www.cnblogs.com/yiliweichinasoft/p/3813799.html
Copyright © 2011-2022 走看看