dom入门教程:DOM 的属性和方法

dom入门教程:DOM 的属性和方法

属性和方法定义编程接口的HTML的DOM 。

编程接口
的DOM模型的HTML作为一套节点对象。节点可以利用JavaScript或其他编程语言。在本教程，我们使用JavaScript 。

编程接口的DOM的定义是一套标准的属性和方法。

性能往往被称为是东西（即nodename是的“ P ” ） 。

方法往往被称为东西做到这一点（即删除的“ P ” ） 。

的HTML的DOM属性
这是一些典型的DOM属性：

x.innerHTML -文字的内在价值× （一个H TML元素）
x.nodeName -名称的x
x.nodeValue -x的值
x.parentNode -父节点的x
x.childNodes -子节点的x
x.attributes -节点的属性的x
注：上述清单， x是一个节点对象（ HTML元素） 。

的HTML DOM方法
x.getElementById （标识） -获得的元素与指定I D
x.getElementsByTagName （姓名） -让所有元素与指定的标记名称
x.appendChild （节点） -插入一个子节点为x
x.removeChild （节点） -删除一个子节点从X
注：上述清单， x是一个节点对象（ HTML元素） 。

innerHTML
最简单的方式获得或修改内容的一个组成部分是使用InnerHtml属性。

innerHTML不是一个组成部分的W3C DOM规范。然而，它支持所有主要浏览器。

该InnerHtml属性是有益的返回或更换内容的HTML元素（包括和 ） ，它也可以用来查看源网页已经动态修改。

例如
JavaScript代码让文字从

元素的ID “介绍”在一个HTML文件：

文本= document.getElementById （ “简介” ） 。 innerHTML

在执行该声明中，文本将持有的价值“世界您好！ ”

解释：

文件-目前的H TML文件
getElementById （ “简介” ） -的< p>元素的I D为“介绍”
innerHTML -内文H TML元素
在上述范例中， getElementById是一种方法，而innerHMTL是一种财产。

你试试看

子和nodeValue
的W3C DOM指定的方式获得的内容，一个内容的作品这样的：

JavaScript代码让文字从

元素的ID “介绍”在一个HTML文件：

文本= document.getElementById （ “简介” ） 。子[ 0 ] 。 nodeValue

在执行该声明中，文本将持有的价值“世界您好！ ”

解释：

文件-目前的H TML文件
getElementById （ “简介” ） -的< p>元素的I D为“介绍”
子[ 0 ] -第一个孩子的< p>元素（文本节点）
nodeValue -价值的节点（文本身）
在上述范例中， getElementById是一种方法，而子和nodeValue的性能。

你试试看

在本教程，我们将主要使用InnerHtml属性。然而，学习上面的方法是有用的理解树状结构的DOM和处理XML文件。