javascript DOM 操作.doc

javascript DOM 操作 javascript DOM 操作是指在客户端使用javascript语言来操作文档对象模型（Document Object Model，DOM），以便于动态地更改网页的内容和结构。下面是javascript DOM 操作的相关知识点： IE 中的操作 IE 中是以ActiveX来支持DOM的，共有5个版本：Microsoft.XmlDom、MSXML2.DOMDocument、MSXML2.DOMDocument.2.0、MSXML2.DOMDocument.3.0和MSXML2.DOMDocument.4.0。 创建方法：在IE中，可以使用以下代码创建一个DOM对象： ```javascript var oXmlDom = new ActiveXObject("Microsoft.XmlDom"); ``` 载入 XML 数据：在IE中，可以使用load方法从文件载入XML数据，默认采用异步方式。load方法可以载入xml文件，loadXML方法可以载入xml字符串。 ```javascript oXmlDom.async = false; oXmlDom.load("example.xml"); // 载入xml文件 oXmlDom.loadXML("<root><person><name>John</name></person></root>"); // 载入xml字符串 ``` IE 中遍历 DOM 文档：在IE中，可以使用以下属性和方法来遍历DOM文档： * documentElement：文档根元素的引用 * attributes：节点属性数组 * childNodes：节点子节点数组 * firstChild：第一个子节点引用 * lastChild：最后一个子节点引用 * parentNode：父节点 * nextSibling：下一个邻居节点 * previousSibling：上一个邻居节点 * nodeName：节点名 * nodeType：节点类型 * nodeValue：节点值 * ownerDocument：回到根节点 IE 中特有的属性： * text：所有子节点的值 * xml：子节点的xml代码 IE 中处理错误：在IE中，可以使用parseError对象来读取错误信息。 FireFox 中的操作 FireFox 创建方法：在FireFox中，可以使用以下代码创建一个DOM对象： ```javascript var oXmlDom = document.implementation.createDocument("Namespace URI", "RootElementName", "DocType"); ``` 载入 XML 数据：在FireFox中，只支持load方法，可以通过parseFromString方法解析字符串型的xml数据，模拟loadXML方法。 ```javascript oXmlDom.load("example.xml"); // 载入xml文件 oXmlDom.parseFromString("<root><person><name>John</name></person></root>", "text/xml"); // 载入xml字符串 ``` FireFox 中遍历 DOM 文档：在FireFox中，可以使用与IE中通用的方法来遍历DOM文档。 FireFox 中处理错误：在FireFox中，可以使用parseError对象来输出错误信息，该对象会替换出错的xml文档。 ```javascript if(oXmlDom.documentElement.tagName != "parsererror") { // 没有发生错误 } else { // 错误处理 } ``` javascript DOM 操作可以在客户端动态地更改网页的内容和结构，但是在不同的浏览器中需要使用不同的方法和属性来实现。