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>

html5语法中如何嵌入视频

getElementsByclassName不兼容IE6/7/8解决方法！

html5新增的classlist有什么用

javaScript如何复制粘贴指定标签中的内容

标签： html5语法, querySelector

上面是“html5语法中关于querySelector()基本用法”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4134.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！