DOM

DOM是Document Object Model的缩写即文档对象模型。

DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象，有浏览器厂商，用来操作html和xml功能的一类对象的集合。也有人称DOM是对html以及xml的标准编程接口。

html超文本标记语言：有固定的标签格式，用来定义网页的内容。

xml可扩展标记语言：可自定义标签格式，用来传送自定义数据使用。逐渐被JSON取代。

DOM对象初步认识

获取DOM对象的方法：

可通过名称，类型名，样式类名，id，遍历节点树等方式来获取元素。

DOM对象初步认识

• 节点的属性

  • nodeName - 元素的标签名，以大写形式标识，只读的。
  • nodeValue - Text节点或Comment节点的文本内容，可读写。
  • nodeType - 节点的类型，只读。
  • attributes - Element 节点的属性集合

• 节点的方法

  • Node.hasChildNodes();是否有子节点。

• 节点的类型

  • 元素节点 - 1
  • 属性节点 - 2
  • 文本节点 - 3
  • 注释节点 - 8
  • document - 9
  • DocumentFragment - 11

遍历节点
strongspandiv

节点的增删改
 

节点增删改
strongspandiv

元素节点的属性和方法

元素节点属性和方法
strongspandiv

DOM继承树

• node
  • Document
    • HTMLDocument
• CharacterData
  • Text
  • Comment
• Element
  • HTMLElement
  • HTMLHeadElement·
  • HTMLBodyElement
  • HTMLTitleElement
  • HTMLParagraphElement
  • HTMLinputElement
  • HTMLTableElement
  • ...ect.
• Attr

封装insertAfter();类似insertBefore();

insertAfter
strongspandiv

倒序排列元素节点

倒序排列节点
strongspandiv

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！