JavaScript选择器

在JavaScript中，选择器是一种强大的工具，用于从HTML文档中选择和操作元素。通过选择器，可以轻松地找到特定的元素，并对其进行各种操作，比如修改样式、添加事件监听器或者改变内容。

常见的选择器类型

1. ID选择器

ID选择器使用元素的id属性来选择元素。在HTML文档中，id属性应该是唯一的，因此通过ID选择器可以准确地选取一个元素。

// 通过id选择器选取元素
let element = document.getElementById("myElement");

2. 类选择器

类选择器选择具有相同类名的元素。在HTML文档中，可以为多个元素设置相同的类名，以便通过类选择器选取它们。

// 通过类选择器选取元素
let elements = document.getElementsByClassName("myClass");

3. 标签选择器

标签选择器选择给定标签名称的所有元素。

// 通过标签选择器选取元素
let elements = document.getElementsByTagName("div");

4. 层级选择器

层级选择器允许通过元素的父子关系选择元素。

// 通过层级选择器选取元素
let elements = document.querySelectorAll("div.container > p");

5. 属性选择器

属性选择器根据元素的属性值来选择元素。