javascript函数querySelector介绍

来源:互联网 发布:ubuntu 命令行 编辑:程序博客网 时间:2024/05/29 17:22

 querySelector用于获得dom节点,可以接受三种类型的参数:id(#),class(.),标签。很像jquery的选择器。不过只能返回一个子孙元素,但是jquery选择器的话,可以返回一组元素集合。下面的代码示例:
<body>
       <div id="query">id</div>
       <div class="query">class</div>
</body>
<script>
  var htmlStr= document.querySelector("body #query").innerHTML,//id
  htmlStr=document.querySelector("body div").innerHTML,//只返回第一个子孙元素
  htmlStr=document.querySelector( "body .query).innerHTML //class
</script>   
这个函数适用 IE8+,chrome,firefox