Javascript之DOM技术
首先需要理解的一点是，DOM是针对XML的基于树的API，它的实现有很多（各语言基本都有自己的实现），我们讨论的是javascript中或者说xhtml（html）对DOM的实现。
一、使用DOM
考虑一个html文件：
<html> <head><title>测试</title></head> <body> <p>测试</p> </body> </html> 1.访问节点：
访问html元素：varoHtml=document.documentElement;
获取head元素：varoHead=oHtml.firstChild;
获取body元素：varoBody=oHtml.lastChild;或者varoBody=document.body;
也可以通过childNodes来做同样的工作：
varoHead=oHtml.childNodes[0]或者oHtml.childNodes.item（0）；
varoBody=oHtml.childNodes[1]或者oHtml.childNodes.item（1）；
判断节点间关系：
alert（oHead.parentNode==oHtml）； alert（oBody.previousSibling==oHead）； alert（oHead.nextSibling==oBody）； alert（oHead.ownerDocument==document）； 2.检测节点类型：
通过节点的nodeType属性来检验节点类型：
alert（document.nodeType）；//输出9
需要注意的是，DOM兼容的浏览器（以FF2.0为例），拥有Node.DOCUMENT_NODE、Node.ELEMENT_NODE等常量。各常量名称与数值对照表如下：
ELEMENT_NODE1 ATTRIBUTE_NODE2 TEXT_NODE3 CDATA_SECTION_NODE4 ENTITY_REFERENCE_NODE5 ENTITY_NODE6 PROCESSING_INSTRCTION_NODE7 COMMENT_NODE8 DOCUMENT_NODE9 DOCUMENT_TYPE_NODE10 DOCUMENT_FRAGMENT_NODE11 NOTATION_NODE12 IE6不支持，不过你可以自定义一个JS对象Node。
3.处理特性
处理特性可以使用标准的NameNodeMap中的方法：
getNamedItem（name）removeNamedItem（name） setNamedItem（node）item（pos） 比如：<pid="test">测试</p>
假设变量oP是上面的p节点的引用，我们要访问oP的id属性：
varsId=oP.attributes.getNamedItem（"id"）。nodeValue;
这些方法用起来很累赘，所以DOM又定义了三个方法来简化：
getAttribute（name）——返回名称为name的属性的值
setAttribute（name,value）——顾名思义
removeAttribute（name）——顾名思义
上面的例子可以改写为：
varsId=oP.getAttribute（"name"）；
4.访问指定节点：
熟知的getElementByTagName（name），getElementByName（name），getElementById（id）三个方法，不再展开。
考试大温馨提示：本内容来源于网络，仅代表作者个人观点，与本站立场无关，仅供您学习交流使用。其中可能有部分文章经过多次转载而造成文章内容缺失、错误或文章作者不详等问题，请您谅解。如有侵犯您的权利，请联系我们，本站会立即予以处理。
编辑推荐：
统计你写的java代码行数
JavaTimer和TimerTask详解
8个改善Java遗留系统的技巧
