如果尝试使用 getElementByClassName 获取元素

Question

我正在尝试访问父元素的子节点。如果我使用 getElementById，那么我可以使用属性“childNodes”，但如果我使用 byClassName，则该属性“childNodes”不起作用。<div id="strop" class="strop">      <div class="container">        <div class="child" id="first">Child1</div>        <div class="child">Child2          <ul class="ul">            <li class="ulchild">L1</li>            <li class="ulchild">L2</li>            <li class="ulchild">L3</li>            <li class="ulchild">L4</li>            <li class="ulchild">L5</li>          </ul>        </div>        <div class="child">child3</div>        <div class="child">child4</div>      </div>////////////getting element by id//////////let a = document.getElementById('strop');console.log(a.childNodes)//return html collection// / getting element by classname ////////////let b = document.getElementsByClassName('strop');console.log(b.childNodes)//returns undefined

Answer 1

getElementsByClassName将返回一个数组，而不是单个元素，因此您需要执行类似的操作getElementsByClassName('strop')[0].childNodes