Element 객체 : 조회 API

조회 API

* 엘리먼트를 조회하는 기능

* document 객체는 문서 전체를 의미하는 엘리먼트로 document 조회 메소드는 문서 전체를 대상으로 조회한다.

* Element 조회 메소드는 해당 엘리먼트의 하위 엘리먼트를 대상으로 조회한다.

<ul>
    <li class="marked">html</li>
    <li>css</li>
    <li id="active">JavaScript
        <ul>
            <li>JavaScript Core</li>
            <li class="marked">DOM</li>
            <li class="marked">BOM</li>
        </ul>
    </li>
</ul>
<script>
    var list1 = document.getElementsByClassName('marked');
    document.write('document┐');
    for(var i=0; i<list1.length; i++){
        document.write('<br />'+list1[i].textContent);
    }
   
    document.write('<br/>-------------'); 
    document.write('<br/>active┐');
    var active = document.getElementById('active');     
    var list2 = active.getElementsByClassName('marked');
    for(var i=0; i<list2.length; i++){
        document.write('<br />'+list2[i].textContent);
    }
  document.write('<br/>-------------'); 
</script>

- 결과

• html
• css
• JavaScript
  • JavaScript Core
  • DOM
  • BOM