javascript的两种好用的dom操作

原生js中有两种比较好用的获取dom的方法

querySelector (获取匹配的第一个dom元素)

document.querySelector(selectors)

querySelectorAll (获取匹配的所有dom元素)

document.querySelectorAll(selectors)
selectors可以为class、id、标签名

<!-- html -->
<ul>
    <li class="a">111</li>
    <li class="a">222</li>
    <li class="a">333</li>
</ul>

<!-- js -->
<script type="text/javascript">
    //  querySelector方法会获取name、class、id匹配的第一个dom元素
    let select1 = document.querySelector(".a")
    console.log(select1)

   //   querySelectorAll方法会获取name、class、id匹配的所有dom元素
    let selectAll = document.querySelectorAll("li")
    console.log(selectAll)
</script>

image.png