• 코드:
​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>name 속성을 이용한 선택</h1>
12
    <p name="first">첫 번째 단락이에요!</p>
13
    <ul>
14
        <li name="first">첫 번째 아이템이에요!</li>
15
        <li>두 번째 아이템이에요!</li>
16
        <li>세 번째 아이템이에요!</li>
17
        <li>네 번째 아이템이에요!</li>
18
        <li>다섯 번째 아이템이에요!</li>
19
    </ul>
20
​
21
    <script>
22
        var selectedItem = document.getElementsByName("first"); // name 속성값이 "first"인 모든 요소를 선택함.
23
        for (var i = 0; i < selectedItem.length; i++) {
24
            selectedItem.item(i).style.color = "red";           // 선택된 모든 요소의 텍스트 색상을 변경함.
25
        }
26
    </script>
27
    
28
</body>
29
​
30
</html>