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元素(包括<html>和<body> ) ,它也可以用来查看源网页已经动态修改。
例如
JavaScript代码让文字从<p>元素的ID “介绍”在一个HTML文件:
文本= document.getElementById ( “简介” ) 。 innerHTML
在执行该声明中,文本将持有的价值“世界您好! ”
解释:
文件-目前的H TML文件
getElementById ( “简介” ) -的< p>元素的I D为“介绍”
innerHTML -内文H TML元素
在上述范例中, getElementById是一种方法,而innerHMTL是一种财产。
你试试看
子和nodeValue
的W3C DOM指定的方式获得的内容,一个内容的作品这样的:
JavaScript代码让文字从<p>元素的ID “介绍”在一个HTML文件:
文本= document.getElementById ( “简介” ) 。子[ 0 ] 。 nodeValue
在执行该声明中,文本将持有的价值“世界您好! ”
解释:
文件-目前的H TML文件
getElementById ( “简介” ) -的< p>元素的I D为“介绍”
子[ 0 ] -第一个孩子的< p>元素(文本节点)
nodeValue -价值的节点(文本身)
在上述范例中, getElementById是一种方法,而子和nodeValue的性能。
你试试看
在本教程,我们将主要使用InnerHtml属性。然而,学习上面的方法是有用的理解树状结构的DOM和处理XML文件。