document.querySelector 通过class id查找

// 通过class查找
var elements = document.querySelectorAll('.classname');

// 通过id查找
var element = document.querySelector('#idname');

// 通过class查找
var elements = document.querySelectorAll('.classname');

// 通过id查找
var element = document.querySelector('#idname');

相关问题

document.getElements和document.querySelector

`document.querySelectorAll()` 和 `document.querySelector()` 是JavaScript中两个用于获取文档中元素的DOM方法。

`querySelectorAll()` 方法接收一个CSS选择器作为参数，返回一个NodeList对象，包含了所有匹配该选择器的元素，这些元素可以是一个列表，你可以通过索引来访问它们。例如：

let elements = document.querySelectorAll('.myClass');
elements[0] // 获取第一个class为'myClass'的元素

而 `querySelector()` 方法则是更精确的选择方式，它返回单个匹配的第一个元素，如果找不到匹配的元素，则返回null。语法类似：

let element = document.querySelector('#mainElement');
element // 返回id为'mainElement'的第一个元素，如果没有就返回null

这两个方法都可用于动态网页内容的查找和操作，提高代码的灵活性和可维护性。

document.queryselector()方法

`document.querySelector()` 方法可以用来在文档中查找第一个匹配指定选择器或者匹配指定 CSS 选择器的元素。
例如：

document.querySelector("#myId");
document.querySelector(".myClass");
document.querySelector("div p");

第一个示例将返回id为 "myId" 的元素，第二个示例将返回class为 "myClass" 的第一个元素，第三个示例将返回第一个 <p> 元素，它是一个 <div> 元素的子元素。
如果没有找到匹配元素，则返回 null。