HTML DOM那点儿事儿
时间：2011-03-17 来源：H_Razor
HTML DOM
定义了访问和操作HTML文档的标准方法。
HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。
HTML网页Node节点树：
从整个HTML网页节点树图中我们可以清楚的看到元素之间的父子关系，途中元素<head>与元素<body>为同级元素，属性href也是元素<a>的一部分；该树中大部分元素都有子节点，而大部分元素也都有父辈，其中我们可以吧<html>元素看作所有节点的先辈。
下面我们共同来学习通过DOM来访问Document的标签元素：
首先，我们来使用使用
getElementById() 和 getElementsByTagName(“标签名”) 方法来访问；getElementById()是通过ID属性来访问该标签元素，getElementsByTagName()会返回一个节点列表。
这三个属性
parentNode、firstChild 以及
lastChild 可遵循文档的结构，寻找节点的父节点、第一个子节点、最后一个子节点，document.documentElement ，
document.body这两个属性可以分别对文档的根节点与body标签进行直接的访问。
接着我们对元素的属性进行获得：
<!--[if !supportLists]-->1.
<!--[endif]-->元素节点的 nodeName
是标签名称
<!--[if !supportLists]-->2.
<!--[endif]-->属性节点的 nodeName
是属性名称
<!--[if !supportLists]-->3.
<!--[endif]-->文本节点的 nodeName
永远是 #text
<!--[if !supportLists]-->4.
<!--[endif]-->文档节点的 nodeName
永远是 #document
这里注意nodeName返回的标签名称总是大写的英文字母。
nodeValue:
对于文本节点而言，nodeValue属性是其包含的文本
而对于属性节点来说，包含的是属性值
文档节点与元素节点是没有nodeValue属性的
nodeType 节点的重要类型分为5种：
以下以：元素类型---节点类型这种表现形式表现出这5种类型
元素---1
属性---2
文本---3
注释---8
文档---9
以上就是HTML
DOM的基础知识，关于HTML DOM的应用个人有以下几点建议：
<!--[if !supportLists]-->1.
<!--[endif]-->JS与HTML的基础要扎实
<!--[if !supportLists]-->2.
<!--[endif]-->应当对DOM的节点树结构进行理解，这点比较重要
<!--[if !supportLists]-->3.
<!--[endif]-->对方法与属性的运用正确且书写格式规范
简单的一些HTML
DOM跟大家分享一下，以下附件连接地址为HTML
DOM的练习实例，也希望大家有好的知识拿出来分享下。
3G铺子：
http://www.3gput.com/forum.php?mod=viewthread&tid=193
PS：请复制到你的IE地址栏进行访问
相关阅读 更多 +
