html5语法中关于querySelector()基本用法

在html5语法中新增了一个querySelector()函数，那么你知道querySelector()有什么用呢？下面web建站小编给大家详细介绍一下！

简单代码示列：

复制代码<div id="div">正文1</div>
<div class="test1">正文2</div>
<div class="test1" data-div="selector">正文3</div>
<script>
  document.querySelector("div"); // 获取第一个<div>元素
  document.querySelector("#div"); // 获取id="div"的第一个元素
  document.querySelector(".test1"); // 获取class="test1"的第一个元素
  document.querySelector("#div,.test1"); // 多个选择器，返回一个匹配的元素
  document.querySelector("div[data-div]"); // 获取有 "data-div" 属性的第一个<div>元素
</script>
1
2
3
4
5
6
7
8
9
10