js选取元素

点击查看代码

选取第5个子元素p
父元素.querySelector('p:nth-child(5)')


选取子元素和孙元素
<ul id="aaa">
    <li>111</li>
    <li>222</li>
    <li>3333</li>
    <li>
        <div>pppp</div>
        <ui>
            <li>777</li>
            <li>8888</li>
            <li>999</li>
        </ui>
    </li>
   
</ul>


<script>
    // 获取 id 为 aaa 的元素
    var aaaElement = document.getElementById("aaa");

    // 获取 aaa 元素下面的所有 li 标签，包括子标签和孙标签
    var liElements = aaaElement.querySelectorAll("li, li li");