在JavaScript中，处理XML文档主要涉及XML解析和DOM操作。XML（eXtensible Markup Language）是一种标记语言，常用于数据交换和存储结构化数据。JavaScript提供了多种方法来加载XML文档并进行操作，这些方法通常依赖于浏览器内置的XML解析器。以下是关于JavaScript加载和操作XML文档的关键知识点：
1. **XML解析器**：
- 所有现代浏览器（如IE、Firefox、Chrome、Safari等）都内置了XML解析器，用于将XML文档转换为可被JavaScript访问的DOM（Document Object Model）对象。
- 微软的XML解析器（如ActiveXObject("Microsoft.XMLDOM")）与其他浏览器不同，它支持XML文件和XML字符串的加载，而其他浏览器通常使用DOMParser对象。
2. **加载XML文档**：
- 在IE中，可以使用`ActiveXObject("Microsoft.XMLDOM")`创建XML文档对象，并通过`load()`方法加载XML文档。
- 在非IE浏览器中，可以使用`document.implementation.createDocument()`创建XML文档对象，然后使用`DOMParser.parseFromString()`加载XML字符串。
示例代码：
```javascript
function loadXmlDoc(xmlUrl) {
try {
if (window.ActiveXObject) { // IE
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.load(xmlUrl);
} else { // Other browsers
var parser = new DOMParser();
xmlDoc = parser.parseFromString(xmlUrl, "text/xml");
}
} catch (e) {
alert(e.message);
}
return xmlDoc;
}
```
3. **操作XML DOM**：
- DOM提供了一套API，允许JavaScript遍历XML树，访问、插入和删除节点。
- `getElementsByTagName()`, `getElementById()`, `getAttribute()`, `childNodes`, `parentNode`等方法是常用的DOM操作方法。
4. **XML字符串到XML文档**：
- 对于XML字符串，IE使用`ActiveXObject("Microsoft.XMLDOM").loadXML()`，其他浏览器使用`DOMParser.parseFromString()`。
示例代码：
```javascript
function createXmlDoc(xmlText) {
if (!xmlText) return null;
try {
if (window.ActiveXObject) {
var xmlDom = new ActiveXObject("Microsoft.XMLDOM");
xmlDom.loadXML(xmlText);
return xmlDom;
} else {
return new DOMParser().parseFromString(xmlText, "text/xml");
}
} catch (e) {
return null;
}
}
```
5. **安全限制**：
- 由于安全原因，浏览器通常不允许跨域加载XML文档，即XML文档必须与网页位于同一域名下，否则会引发"Access is denied"错误。
6. **获取XML节点内容**：
- IE的XMLDOM对象具有`xml`和`text`属性，分别返回XML文档的字符串表示和所有子节点的文本内容。在Firefox中，需要编写自定义函数来实现类似功能，如`getXmlText()`和`getXml()`。
示例代码：
```javascript
function getXmlText(oNode) {
if (oNode.text) return oNode.text; // IE
var sText = "";
for (var i = 0; i < oNode.childNodes.length; i++) {
if (oNode.childNodes[i].hasChildNodes()) {
sText += getXmlText(oNode.childNodes[i]);
} else {
sText += oNode.childNodes[i].nodeValue;
}
}
return sText; // FF
}
function getXml(oNode) {
if (oNode.xml) return oNode.xml; // IE
var oSerializer = new XMLSerializer();
return oSerializer.serializeToString(oNode);
}
```
7. **DOM遍历和节点操作**：
- 使用`childNodes`、`firstChild`、`lastChild`、`nextSibling`、`previousSibling`等属性遍历XML树。
- 使用`appendChild()`, `removeChild()`, `insertBefore()`, `replaceChild()`等方法操作节点。
8. **事件处理**：
- 可以使用`addEventListener()`或`attachEvent()`（IE特有）为XML节点添加事件监听器。
通过以上知识，开发者可以有效地在JavaScript环境中加载XML文档，解析其内容，并进行各种操作，包括修改、添加和删除XML节点。在实际项目中，理解这些方法和技巧对于处理XML数据至关重要。
VIP享7折，此内容立减4.47元 
