HTML DOM

时间:2022-04-29
本文章向大家介绍HTML DOM,主要内容包括节点、Javascript、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。

DOM 文档对象模型。

节点

  • 元素 即 标签 Element 1
  • 文本 <a>文本</a> Text 3
  • 属性 <a href=""></a> Attr 2
  • 注释节点 Comment 8
  • 文档节点 Document 9
  • 文档类型节点 DocumentType 10 <!DOCTYPE html>
  • 文档片段节点 DocumentFragment 11

Javascript

obj.nodeName

obj.nodeValue

obj.attributes[0].nodeName | nodeValue  // 获取元素节点值及属性值

obj.childNodes[0].nodeName | nodeValue  // 获取文本节点值及文本值

document.doctype.nodeName | nodeValue   // 获取文档类型节点值及类型