[JavaScript] 요소 접근하여 가져오기 - class 속성

클래스 속성 값으로 요소에 접근하기

배열형태로 반환

document.getElementseByClassName("class속성값");

<h3>4) 클래스명으로 접근하기</h3>
<div class="test"></div>
<p class="test"></p>
<ul class="test">
    <li></li>
    <li></li>
</ul>
<pre class="test test1"></pre>

<button onclick="accessClass();">클래스로 접근</button>

<script>
    function accessClass(){
        var arr = document.getElementsByClassName("test");
        console.log(arr);

        for(var i = 0; i < arr.length; i++){
            console.log(arr[i]);
        }
    }
</script>