html5 querySelector()方法
html5 querySelector()方法返回文档中匹配指定 CSS 选择器的第一个元素，如果没有匹配返回null
举例
<div id="div">querySelector1</div>
<div class="test1">querySelector2</div>
<div class="test1" data-div="selector">querySelector3</div>
<script>
document.querySelector("div"); // 获取第一个<div>元素 => <div id="div">querySelector1</div>
document.querySelector("#div"); // 获取id="div"的第一个元素 => <div id="div">querySelector1</div>
document.querySelector(".test1"); // 获取class="test1"的第一个元素 => <div class="test1">querySelector2</div>
document.querySelector("#div,.test1"); // 多个选择器，返回一个匹配的元素 => <div id="div">querySelector1</div>
document.querySelector("div[data-div]"); // 获取有 "data-div" 属性的第一个<div>元素 => <div class="test1" data-div="selector">querySelector3</div>
</script>通过以上内容我们知道了html5 querySelector()方法常用技巧，感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容，希望对大家有所帮助！引用本文内容时，请注明出处！谢谢合作！
