XML DOM和HTML DOM关系揭秘

开发 前端
XML DOM(XMLDocumentObjectModel)定义一套访问和操作XML文档的标准方法,而HTML DOM(HTMLDocumentObjectModel)定义一套访问和操作HTML文档的标准方法。

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

XML DOM

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

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

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

  1. xmlDoc.getElementsByTagName("to")[0]  
  2. .childNodes[0].nodeValue 

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

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

◆childNodes[0]-<to>元素的***个子元素(文本节点)

◆nodeValue-节点的值(文本本身)

您可以在51cto.com的XML DOM教程中学习更多相关知识。

HTML DOM

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

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

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

  1. document.getElementById("to").innerHTML=  
  2.  

◆document-HTML文档

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

◆innerHTML-HTML元素的内部文本

您可以在51cto.com的HTML DOM教程中学习更多相关知识。
 

【编辑推荐】

  1. 详解XML DOM文档对象模型用法
  2. HTML DOM与XML DOM的区别与联系探究
  3. JavaScript获取HTML DOM节点元素详解
  4. HTML DOM对象模型详解
  5. 解析HTML DOM Checkbox对象的属性和方法

 

 

责任编辑:佚名 来源: w3school.com.cn
相关推荐

2010-09-09 17:19:07

HTML DOMXML DOM

2010-09-28 10:24:50

HTML DOMXML DOM

2010-09-28 11:22:18

Html DOM树

2010-09-09 16:17:10

PHPXMLXML DOM

2010-09-28 10:40:32

HTML DOM

2013-06-08 13:29:27

Android开发DOM读取XMLXML解析

2010-09-28 10:03:15

DOM文档对象模型

2010-09-09 13:55:47

XML DOM

2011-12-28 10:57:37

2010-08-23 13:29:43

HTMLpadding

2010-09-09 13:40:19

XML DOM

2009-02-10 09:23:03

DOM模型MSXML

2010-09-09 13:12:29

XML DOM

2010-09-28 11:32:30

HTML DOM是什么

2010-09-28 10:33:59

HTML DOM Ch

2010-09-28 11:03:19

XML DOM

2009-12-02 14:14:06

PHP DOM-XML

2009-06-23 14:22:00

DOM文档XML文件Java

2010-09-15 14:40:07

HTMLposition属性

2010-09-28 09:14:36

HTML DOMJavascript
点赞
收藏

51CTO技术栈公众号