DOM 创建节点

创建于 2024-12-03 / 20
字体： [默认] [大] [更大]

尝试一下 - 实例

下面的实例使用XML文件 books.xml.

创建元素节点
本例使用createElement（）创建新元素节点，并使用appendChild（）将其添加到节点。

使用 createAttribute 创建属性节点
本例使用createAttribute（）创建新的属性节点，并使用setAttributeNode（）将其插入到元素中。

使用 setAttribute 创建属性节点
本例使用setAttribute（）为元素创建新属性。

创建文本节点
本例使用createTextNode（）创建新的文本节点，并使用appendChild（）将其添加到元素中。

创建 CDATA 节节点
本例使用createCDATAsection（）创建CDATA节节点，并使用appendChild（）将其添加到元素中。

创建注释节点
本例使用createComment（）创建注释节点，并使用appendChild（）将其添加到元素中。

×

Header

创建新元素节点

createElement() 方法创建新元素节点:

实例

newElement = xmlDoc.createElement("edition");

xmlDoc.getElementsByTagName("book")[0].appendChild(newElement); 尝试一下 »

实例说明:

  1. 假设"books.xml"被加载到 xmlDoc 中
  2. 创建新元素节点 <edition>
  3. 将元素节点附加到第一个<book>元素

循环并向所有<book>元素中添加一个元素: Try it yourself

创建新属性节点

createAttribute() 用于创建新的属性节点:

实例

newAtt = xmlDoc.createAttribute("edition");
newAtt.nodeValue = "first";

xmlDoc.getElementsByTagName("title")[0].setAttributeNode(newAtt); 尝试一下 »

实例说明:

  1. 假设"books.xml"被加载到 xmlDoc 中
  2. 新建属性节点 "edition"
  3. 将属性节点的值设置为 "first"
  4. 将新属性节点添加到第一个<title>元素

循环遍历所有<title>元素并添加一个新的属性节点: 亲自试一试

如果该属性已经存在，它将被新属性替换。

使用setAttribute（）创建属性

由于setAttribute（）方法在属性不存在时创建新属性，因此可以使用它来创建新属性。

实例

xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","first"); 尝试一下 »

实例说明:

  1. 假设"books.xml"被加载到 xmlDoc 中
  2. 将<book>元素的属性"edition"值设置为"first"

循环所有<title>元素并添加一个新属性:亲自试一试

创建文本节点

createTextNode() 方法创建一个新的文本节点:

实例

newEle = xmlDoc.createElement("edition");
newText = xmlDoc.createTextNode("first");
newEle.appendChild(newText);

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle); 尝试一下 »

实例说明:

  1. 假设"books.xml"被加载到 xmlDoc 中
  2. 创建新元素节点<edition>
  3. 使用文本创建新的文本节点 "first"
  4. 将新文本节点附加到元素节点
  5. 将新元素节点附加到第一个<book> 元素

向所有<book>元素添加一个带有文本节点的元素节点:亲自试一试

创建 CDATA节点

createCDATASection() 方法创建一个新的CDATA节节点。

实例

newCDATA = xmlDoc.createCDATASection("Special Offer & Book Sale");

xmlDoc.getElementsByTagName("book")[0].appendChild(newCDATA); 尝试一下 »

实例说明:

  1. 假设 "books.xml"被加载到 xmlDoc 中
  2. 创建新的CDATA节节点
  3. 将新的CDATA节点附加到第一个<book>元素

在所有<book>元素中循环并添加一个CDATA部分:亲自试一试

创建注释节点

createComment() 方法创建一个新的注释节点。

实例

newComment = xmlDoc.createComment("Revised March 2015");

xmlDoc.getElementsByTagName("book")[0].appendChild(newComment); 尝试一下 »

实例说明:

  1. 假设 "books.xml"被加载到 xmlDoc 中
  2. 创建新的注释节点
  3. 将新的注释节点附加到第一个<book>元素

对所有<book>元素进行循环，并添加注释节点:亲自试一试



0 人点赞过