在本章中,我们将讨论如何使用文档对象的几种方法来创建新节点。 这些方法提供了创建新元素节点,文本节点,注释节点,CDATA节节点和属性节点的范围。 如果新创建的节点已存在于元素对象中,则将其替换为新节点。 下面将通过示例演示这些操作。
1. 创建新的Element节点
createElement()方法创建一个新的元素节点。 如果元素对象中存在新创建的元素节点,则将其替换为新元素节点。
语法
使用createElement()方法的语法如下 -
var_name = xmldoc.createElement("tagname");
其中,
var_name - 是用户定义的变量名,它包含新元素的名称。
tagname - 是要创建的新元素节点的名称。
示例
以下示例(create_newelement.html)将XML文档(node.xml)解析为XML DOM对象,并在XML文档中创建新的元素节点 - PhoneNo。
文件:create_newelement.html -
function loadXMLDoc(filename) {
if (window.XMLHttpRequest) {
xhttp = new XMLHttpRequest();
} else { // code for IE5 and IE6
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET",filename,false);
xhttp.send();
return xhttp.responseXML;
}
xmlDoc = loadXMLDoc("/node.xml");
new_element = xmlDoc.createElement("PhoneNo");
x = xmlDoc.getElementsByTagName("FirstName")[0];
x.appendChild(new_element);
document.write(x.getElementsByTagName("PhoneNo")[0].nodeName);
在上面代码中,
new_element = xmlDoc.createElement("PhoneNo"); 用于创建新的元素节点:
x.appendChild(new_element); x保存附加新元素节点的指定子节点的名称。
执行
将此文件保存为:create_newelement.html,并放置到服务器路径上(此文件和node.xml应位于服务器中的同一路径上)。 在输出结果中应该能到新建的属性值为:PhoneNo。
2. 创建新的Text节点
create