第十一章 DOM 扩展

DOM 扩展

1. 选择符 API

  • querySelector() 方法
    1. 接收一个 CSS 选择符,返回匹配的第一个元素
    2. 通过 Document 类型调用会在文档元素范围内查找,通过 Element 类型调用只会在该元素后代元素范围内查找
  • querySelectorAll() 方法

    接收一个 CSS 选择符,返回匹配的所有元素

  • matchsSelector() 方法

    接收一个 CSS 选择符,如果调用元素与该选择符匹配则返回 true

2. 元素遍历

  • childElementCount:子元素个数
  • firstElementChild:指向第一个子元素
  • lastElementChild:指向最后一个子元素
  • previousElementSibling:指向前一个同辈元素
  • nextElementSibling:指向后一个同辈元素

3. HTML 5

  • 与类相关的扩充
    1. getElementsByClassName()
    2. 通过 classList 属性操作类名
  • 焦点管理
  • HTMLDocument 的变化
  • 字符集属性
  • 自定义数据属性
  • 插入标记
  • scrollIntoView() 方法

4. 专有扩展

  • 文档模式
  • children 属性
  • contains() 方法
  • 插入文本
  • 滚动
-------------本文结束 感谢您的阅读-------------
您的支持将鼓励我继续创作!