本文介绍了querySelector函数的基本使用方法，该函数可用于获取DOM节点，并接受id、class和标签作为参数。文章通过示例代码展示了如何使用querySelector针对不同类型的元素进行选择。
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
<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
扫一扫
405
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
