JavaScript中的document.querySelector()常见用法示例

const element = document.querySelector("CSS选择器");

const header = document.querySelector("#header"); // 查找 ID 为 "header" 的元素

const btn = document.querySelector(".btn-primary"); // 查找第一个类名包含 "btn-primary" 的元素

const firstImg = document.querySelector("img"); // 查找第一个 <img> 标签

const item = document.querySelector("ul.menu > li.active"); 
// 查找类为 "menu" 的 <ul> 下的第一个类为 "active" 的 <li>

const link = document.querySelector("a[target='_blank']"); 
// 查找第一个带有 `target="_blank"` 的 <a> 标签

const firstInput = document.querySelector("input:first-of-type"); 
// 查找同层级中的第一个 <input>