querySelector用于获得dom节点,可以接受三种类型的参数:id(#),class(.),标签。不同的是querySelector返回的是一个对象,querySelectorAll返回的一个集合(NodeList),很像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