HTML DOM那点儿事儿

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标签进行直接的访问。

接着我们对元素的属性进行获得：

1.元素节点的 nodeName
是标签名称

2.属性节点的 nodeName
是属性名称

3.文本节点的 nodeName
永远是 #text

4.文档节点的 nodeName
永远是 #document

这里注意nodeName返回的标签名称总是大写的英文字母。

nodeValue:

对于文本节点而言，nodeValue属性是其包含的文本

而对于属性节点来说，包含的是属性值

文档节点与元素节点是没有nodeValue属性的

nodeType 节点的重要类型分为5种：

以下以：元素类型---节点类型这种表现形式表现出这5种类型

元素---1

属性---2

文本---3

注释---8

文档---9

以上就是HTML
DOM的基础知识，关于HTML DOM的应用个人有以下几点建议：

1.JS与HTML的基础要扎实

2.应当对DOM的节点树结构进行理解，这点比较重要

3.对方法与属性的运用正确且书写格式规范

简单的一些HTML
DOM跟大家分享一下，以下附件连接地址为HTML
DOM的练习实例，也希望大家有好的知识拿出来分享下。

3G铺子：

PS：请复制到你的IE地址栏进行访问

转载于:https://www.cnblogs.com/H_Razor/archive/2011/03/17/1986645.html