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>