多语言展示
当前在线:982今日阅读:165今日分享:48

在JS中什么是DOM,DOM的节点有哪些

当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。它将网页转化为一个Javascript对象,从而用Javascript脚本进行各种操作(比如增删元素等),获得了足够的能力来创建动态的 HTML。HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。
方法/步骤
1

什么是DOM? DOM(document Object Model),是针对HTML和XML的API。 可以理解为DOM就是一系列功能集合。

3

DOM是怎么来的? 回答这个问题需要追溯到1990年代后期微软与Netscape的‘浏览器大战’。

4

怎么使用DOM? 通过javascript对HTML DOM进行访问。 HTML DOM将html元素定义为对象,API以对象方法和对象属性的形式实现。 可直接调用DOM实现的方法,进行DOM操作,例如:getElementById()  返回带有指定 ID 的元素。  getElementsByTagName()  返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。  getElementsByClassName()  返回包含带有指定类名的所有元素的节点列表。  appendChild()  把新的子节点添加到指定节点。  removeChild()  删除子节点。  replaceChild()  替换子节点。  insertBefore()  在指定的子节点前面插入新的子节点。  createAttribute()  创建属性节点。  createElement()  创建元素节点。  createTextNode()  创建文本节点。  getAttribute()  返回指定的属性值。  setAttribute()  把指定属性设置或修改为指定的值。

5

DOM的最小组成单位就是节点(node)。DOM树就是由不同类型的节点组成。每个节点可以看成是DOM树上的叶子。在DOM中,节点的类型一共有7种Document:整个文档树的顶层节点;DocumentType:dotype标签(比如:)Element:网页的各种HTML标签(比如:

)Attribute:网页元素的属性(比如:id=”id” class=”class” type=”text”)Text:标签之间或标签包含的文本Comment:注释DocumentFragment:文档片段