제어 대상을 찾기 - getElementsById

작성일 | In

getElementsById

id 값을 기준으로 객체를 조회한다.
성능면에서 가장 우수하다.
id 값으로 객체는 한 개밖에 조회하지 못한다.
왜냐하면 html에서 id는 한개만 있기 때문이다. id는 중복할 수 없다.

getElementsById 실습

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<body>
<ul>
    <li>HTML</li>
    <li id="active">CSS</li>
    <li>JavaScript</li>
</ul>
<script>
    var li = document.getElementById('active');
    li.style.color='red';
</script>
</body>
</html>