JavaScript querySelector

querySelector方法的语法：

var element= document.getElementById("id");
element.querySelector(selector)

element是要执行选择操作的父元素，selector是CSS选择器，用于指定要选择的元素。

querySelector方法返回匹配选择器的第一个元素，如果没有匹配的元素，则返回 null。

1. 选择ID为"myElement"的元素：

var element = document.querySelector("#myElement");

2. 选择类名为"myClass"的元素：

var element = document.querySelector(".myClass");

3. 选择标签名为"div"的第一个元素：

var element = document.querySelector("div");

4. 选择具有属性"data-id"且值为"123"的元素：

var element = document.querySelector("[data-id='123']");

querySelector仅返回匹配的第一个元素。需要选择多个元素使用 querySelectorAll 方法，返回所有匹配的元素列表。