Javascript文档对象模型(DOM)实例分析

作者佚名技术来源网页制作浏览发布时间 2012-03-07

childNodes with newnode.
insertBefore(newnode, refnode) 返回Node. Inserts newnode before refnode in childNodes.

—————————————————————————————————————————

DOM的使用

DOM是分级别的，不同浏览器对DOM支持的级别不同。DOM level1 （core，用来解析XML-base的文档，和DOM HTML，用来针对HTML，因为DOM并非只针对HTML的），DOM Level2（event，以前都是通过DHTML支持，style，与CSS沟通，等等。。）DOM level3（DOM Load and Save；DOM Validation；对XML1.0的支持，包括：XML Infoset, XPath,XML Base）

Netscape Navigator 1.0-4.x DOM兼容性（-）
Netscape 6.0+(Mozilla 0.6.0+) DOM兼容性（Level 1, Level 2, Level 3 (partial)）
Internet Explorer 2.0-4.x DOM兼容性（-）
Internet Explorer 5.0 DOM兼容性（Level 1 (minimal)）
Internet Explorer 5.5+ DOM兼容性（Level 1 (almost all)）
Opera 1.0-6.0 DOM兼容性（-）
Opera 7.0+ DOM兼容性（Level 1 (almost all), Level 2 (partial)）
Safari 1.0+ / Konqueror~2.0+ DOM兼容性（Level 1）

获得Node：

/* 通过document对象 */
var oHtml = document.documentElement;

/* 得到<head />和<body /> */
var oHead = oHtml.firstChild;
var oBody = oHtml.lastChild;

/* 可以用这种方式 */
var oHead = oHtml.childNodes[0];
var oBody = oHtml.childNodes[1];

/* 也可以使用方法获取数组的索引值 */
var oHead = oHtml.childNodes.item(0);
var oBody = oHtml.childNodes.item(1);

/* 使用document.body来得到<body /> */
var oBody = document.body;

使用Attributes值：Node接口的attributes()方法返回一个NamedNodeMap，从它可以得到具体的Attribute并加以操作。或者是有Node接口本身的getAttribute()方法来直接得到Attribute。

/* 使用Node的attribute的getNamedItem()方法 */
var sId = oP.attributes.getNamedItem("id").nodeValue;

/* 或者使用item()方法 */
var sId = oP.attributes.item(1).nodeValue;

/* 或者直接使用Node的getAttribute()获取Id */
var sId = oP.getAttribute("id");

得到指定

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: JavaScript扩展:正则像函数一样调用下一篇: 初学Ajax须注意的几个问题

关于Javascript文档对象模型(DOM)实例分析的所有评论

随机推荐