XML DOM和HTML DOM关系揭秘

本文向大家描述一下XML DOM和HTML DOM的区别和联系，DOM（DocumentObjectModel，文档对象模型）定义访问和操作文档的一套标准方法，首先我们来看一下XML DOM的用法。

XML DOM

XML DOM(XMLDocumentObjectModel)定义一套访问和操作XML文档的标准方法。

DOM把XML文档作为树结构来查看。能够通过DOM树来访问所有元素。可以修改或删除它们的内容，并创建新的元素。元素，它们的文本，以及它们的属性，都被认为是节点。

在下面的例子中，我们使用DOM引用从<to>元素中获取文本：

xmlDoc.getElementsByTagName("to")[0]  


.childNodes[0].nodeValue 

◆xmlDoc-由解析器创建的XML文档

◆getElementsByTagName("to")[0]-第一个<to>元素

◆childNodes[0]-<to>元素的第一个子元素（文本节点）

◆nodeValue-节点的值（文本本身）

HTML DOM

HTML DOM(HTMLDocumentObjectModel)定义一套访问和操作HTML文档的标准方法。

可以通过HTML DOM访问所有HTML元素。

在下面的例子中，我们使用DOM引用来改变id="to"的HTML元素的文本：

document.getElementById("to").innerHTML=  


 

◆document-HTML文档

◆getElementById("to")-其中的id="to"的HTML元素