javascript - 无法按类名检测元素

Question

我是初学者，我正在使用纯 javascript 进行 DOM 操作。我无法在我的部分元素中获取所有 div。我不确定。请告诉我错误是什么以及如何解决。

HTML

    <section class="main-content">
        <aside>
            <p>
                <span class="sidebartext">Watch this space for breaking news items.</span>
            </p>
        </aside>

        <section class="notes">
            <div id="Services" class="nav-pages active">Services</div>
            <div id="Resources" class="nav-pages">Resources</div>
            <div id="Contact-Us" class="nav-pages">Contact Us</div>
            <div id="Company" class="nav-pages">Company</div>
        </section>

    </section>

JS

var navTabs = document.getElementsByClassName('notes').children;
console.log(navTabs);//undefined

请不要回答 jQuery !!!

Answer 1

getElementsByClassName 返回元素的数组(实际上，类似数组 - 请参阅下面的@Hamms 评论)，因此 children 未定义.如果只有一个注释部分，您可以选择使用 id="notes"(使用 getElementById)或遍历上述数组并从中访问子项。