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