js dom 扩展

  1. Selectors API核心方法有两个querySelector()和querySelectorAll()
    querySelector(A) 返回该匹配该模式的第一个后代元素,没有匹配的则返回null A参数的类型可以是 元素 ID 类...
    querySelectorAll(A) 返回匹配该模式的全部节点。返回的是一个静态的NodeList。 A参数可以接受元素 节点 和组合(p strong)
    2 getElementByClassName()
    getElementByClasName(A) 根据class获取指定元素,支持多个class组合。两个class用空格隔开
    3 classList属性
    每个元素都有classList属性。返回的数据类型为DOMTokenList 每个classList都一下几个属性
    add() 添加class
    contains() 是否包含css
    remove()删除class
    toggle()切换class 如果存在就删除,不存在就添加
    4 焦点管理
    辅助DOM焦点管理的功能,document.activeElement 查看当前焦点。hasFocus()判断是否存在焦点
    5 HTMLDocument扩展
    readyState属性判断文档是否加载完成。和onload功能一样
if (document.readyState =="complete"){
  //加载完成
}

6 字符集属性
元素支持自定义属性,自定义属性必须要以data-A开头 比如 data-name ="view" 。可以在元素中通过dataset属性获取到当前元素所以自定义属性

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 对 DOM 的两个主要的扩展是 Selectors API(选择符 API)和 HTML5。 一、选择符API 1...
    LemonnYan阅读 287评论 0 0
  •   尽管 DOM 作为 API 已经非常完善了,但为了实现更过的功能,仍然会有一些标准或专有的扩展。   2008...
    霜天晓阅读 467评论 0 0
  • 虽然DOM为与XML及HTML文档交互制定了一系列核心API,但仍然有几个规范对标准的DOM进行了扩展。这些扩展中...
    Upcccz阅读 276评论 0 1
  • DOM Extensions(DOM扩展) 虽然W3C中的DOM规范已经很完备了,为了浏览器能有更多丰富的功能,各...
    小菜101阅读 386评论 0 1
  • 本章内容:介绍Selectors API、HTML5 DOM扩展、了解专有的DOM扩展 对DOM的主要扩展是 Se...
    了凡和纤风阅读 230评论 0 0