document.getElementsByName() 간단한 사용 예제

document.getElementsByName()는

name을 기준으로 모든 요소를 가져와서

일괄적으로 컨트롤할 수 있는 편리한 함수입니다.

id는 고유한 반면에

name은 중복이 될 수 있으므로(쉽게 말해서 그룹의 개념이므로)

상당히 편리하게 사용될 수 있습니다.

document.getElementsByName()의 간단한 사용 예제는 다음과 같습니다.



<p name="test">1</p>
<p name="test">2</p>
<p name="test">3</p>
<p name="test">4</p>
<p name="test">5</p>

<script>
    var p = document.getElementsByName("test"); // test라는 name을 가진 요소를 모두 가져온다!

    for(var i=0; i<p.length; i++) { // for문을 돌면서 출력할 수 있다! 1, 2, 3, 4, 5가 차례대로 출력될 것이다!
        alert(p[i].innerHTML);
    }
</script>