DOM_document.getElement

 <ul>

    <li id="id">HTML</li>

    <li >CSS</li>

    <li class="active">JavaScript</li>

   

    </ul>

    <script>

var lis = document.getElementsByTagName('li');    //리턴 노드리스트

for(var i=0; i<lis.length; i++){

lis[i].style.color= 'yellow';

}

document.getElementById('id').style.color='blue'; // 이것만 리턴이 엘리먼트

//alter(document.getElementById('id').toString());

var list = document.getElementsByClassName('active'); //리턴 노드리스트

   for(var i=0; i < list.length; i++){

       list[i].style.color='red';   

}

    </script>