• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript DOM Element</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>아이디를 이용한 선택</h1>
12
    <ul>
13
        <li>첫 번째 아이템이에요!</li>
14
        <li id="even">두 번째 아이템이에요!</li>
15
        <li>세 번째 아이템이에요!</li>
16
        <li id="even">네 번째 아이템이에요!</li>
17
        <li>다섯 번째 아이템이에요!</li>
18
    </ul>
19
​
20
    <script>
21
        var selectedItem = document.getElementById("even"); // 아이디가 "even"인 요소를 선택함.
22
        selectedItem.style.color = "red";                   // 선택된 요소의 텍스트 색상을 변경함.
23
    </script>
24
25
</body>
26
​
27
</html>