자바스크립트로 제어하고 싶은 대상 선택하기(찾기)

[ 자바스크립트로 제어하고 싶은 대상 선택하기(찾기) ]

document 문서 객체를 이용해 문서 부분에 있는 요소들을 선택해 올 수 있다. 1. document.getElementByTagName <ul> <li>HTML</li> <li class="active" id="activeId">CSS</li> <li class="active">JavaScript</li> </ul> <script type="text/javascript"> var lis = document.getElementByTagName("li"); for(var i=0; i<lis.length; i++){ lis[i].style.color="red"; } </script> <script type="text/javascript"> // 조회 대상을 조금 더 좁혀서 잡아오기 var lis2 = document.getElementByTagname("li")[0]; </script> 2. document.getElementByClassName <script type="text/javascript"> var lis3 = document.getElementByClassName("active"); var lis4 = document.getElementByClassName("active")[1]; </script> 3. document.getElementById <script type="text/javascript"> lis5 = document.getElementByid("activeid").innerHTML(); </script> </textaera>