querySelector
方法的语法:
var element= document.getElementById("id");
element.querySelector(selector)
element
是要执行选择操作的父元素,selector
是CSS选择器,用于指定要选择的元素。
querySelector
方法返回匹配选择器的第一个元素,如果没有匹配的元素,则返回 null
。
- 选择ID为"myElement"的元素:
var element = document.querySelector("#myElement");
- 选择类名为"myClass"的元素:
var element = document.querySelector(".myClass");
- 选择标签名为"div"的第一个元素:
var element = document.querySelector("div");
- 选择具有属性"data-id"且值为"123"的元素:
var element = document.querySelector("[data-id='123']");
querySelector
仅返回匹配的第一个元素。需要选择多个元素使用 querySelectorAll
方法,返回所有匹配的元素列表。