제어 대상을 찾기 - getElementsByClassName

작성일 | In

getElementsByClassName

class 속성의 값을 기준으로 객체를 조회할수도 있다.
자바스크립트에서는 class를 class라고 사용하지 않고 classname이라고 사용한다.
왜냐하면 자바에서의 class와 다른 개념이기 때문이다.

getElementsByClassName 실습

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<body>
<ul>
    <li>HTML</li>
    <li class="active">CSS</li>
    <li class="active">JavaScript</li>
</ul>
<script>
    var lis = document.getElementsByClassName('active');
    for(var i=0;i<lis.length;i++){
        lis[i].style.color='red';
    }
</script>
</body>
</html>