DOM笔记

1.dom

document就代表整个文档。包含html文档。

1.拿元素的方法:

1.getElementsByTagName() 最常用,所有浏览器都有。
2.getElementsByClassName() ie8以下没有该方法。比较常用。
3.var div = document.getElementById('') ie8以下不区分大小写。不常用
4.getElementsByName() 只有部分标签的name才生效。不常用
5.querySelector() css选择器,不常用,因为不是实时的。
6.querySelectorAll()

2.节点
parentNode
childNode
firstChild
lastChild
nextSibling 后一个兄弟节点
previousSibling前一个兄弟节点
parentElement IE不兼容
children 当前元素的元素子节点

3.元素节点,
children 全兼容
parentElement ie9及以下不兼容
firstElementChild ie9及以下不兼容
lastElementChild ie9及以下不兼容
nextElementSibling ie9及以下不兼容
previousElementSibling ie9及以下不兼容

4.节点基本都有4个属性
1.nodeName
2.nodeValue
3.nodeType 最有用 (元素1,属性2,文本3,注释8,document 9,DocumentFragment 11)
4.attributes 该节点的属性(此属性不同于上文中得属性)集合,属性是尖括号里的一堆东西。

5.hasChildNodes()判断是否有子节点

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

推荐阅读更多精彩内容

  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,743评论 0 7
  • DOM笔记获取元素获取指定元素获取子元素&兄弟元素&父元素获取第一&最后一个子元素节点操作克隆节点 - clone...
    believedream阅读 450评论 0 2
  • DOM简单来说就是一套js访问Document对象的一套增删改查规则,文档由许多节点构成,需要重点关注的有Elem...
    冬瓜不削皮阅读 591评论 0 0
  • 什么是DOM? JavaScript三个组成部分之一——文档对象模型(DOM) 官方定义:DOM 为文档提供了结构...
    梦一流阅读 361评论 1 0
  • 1.HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Obje...
    ancientear阅读 430评论 0 2