美文网首页
javascript的两种好用的dom操作

javascript的两种好用的dom操作

作者: 回不去的那些时光 | 来源:发表于2018-12-06 18:34 被阅读7次

原生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

相关文章

网友评论

      本文标题:javascript的两种好用的dom操作

      本文链接:https://www.haomeiwen.com/subject/xrxacqtx.html