DOM(文档对象模型)是 HTML 和 XML 文档的编程接口。DOM Selectors 是用来选取文档中的元素的一种方法。以下是一些常用的 DOM Selectors。
选择器类型
- 元素选择器:选择指定类型的元素。例如,
div
选择所有<div>
元素。 - 类选择器:选择具有特定类的元素。例如,
.class-name
选择所有具有class-name
类的元素。 - ID 选择器:选择具有特定 ID 的元素。例如,
#id-name
选择具有id-name
ID 的元素。 - 属性选择器:选择具有特定属性的元素。例如,
[attribute]
选择所有具有该属性的元素。
实例
以下是一些 DOM Selectors 的实例:
- 选择所有
<div>
元素:div
- 选择所有具有
class-name
类的元素:.class-name
- 选择具有
id-name
ID 的元素:#id-name
- 选择所有具有
data-type
属性的元素:[data-type]
资源
更多关于 DOM Selectors 的信息,请参阅 MDN Web Docs。
图片展示
HTML5 DOM