조회 API

<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>
    let list = document.getElementsByClassName('marked');
    console.group('document');
    for(let i=0; i<list.length; i++){
        console.log(list[i].textContent);
    }
    console.groupEnd();
     
    console.group('active');
    let active = document.getElementById('active');     
    let list = active.getElementsByClassName('marked');
    for(let i=0; i<list.length; i++){
        console.log(list[i].textContent);
    }
    console.groupEnd();
</script>