js原声选择器详解document.querySelector系列

用功Jquery的都知道他最强的之处在于$选择器,非常方便的操作dom文档,不用像原声js那样docuemnt.getElementById...等等。

今天给大家介绍JS最新推出的原声选择器API,document.querySelectordocument.querySelectorAll 方法:

document.querySelector

介绍:querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素

document.querySelectorAll

介绍:querySelector() 方法返回文档中匹配指定 CSS 选择器的所有的元素



用法实例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<div id="aa">nihao</div>
<ul>
    <li>nihao1</li>
    <li>nihao1nihao1</li>
    <li>nihao1</li>
    <li>nihao1</li>
    <li>nihao1</li>
</ul>
<span>吃</span>
<script type="text/javascript">
window.onload = function(){
    if(document.querySelector){
        var aa = document.querySelector("#aa");
        console.log(aa);
    }else{
        console.log('none')
    }
    if(document.querySelectorAll){
        var bb = document.querySelectorAll('.bb');
         console.log(bb);
    }else{
         console.log('none2')
    }
}
</script>
</body>
</html>


返回顶部
跳到底部

Copyright 2011-2024 南京追名网络科技有限公司 苏ICP备2023031119号-6 乌徒帮 All Rights Reserved Powered by Z-BlogPHP Theme By open开发

请先 登录 再评论,若不是会员请先 注册