📜  XML DOM-创建节点(1)

📅  最后修改于: 2023-12-03 14:48:38.328000             🧑  作者: Mango

XML DOM-创建节点

XML DOM (Document Object Model) 是为 XML 文档而设计的一种接口,允许开发人员以编程方式访问和处理 XML 文档。通过 XML DOM,开发人员可以使用任何编程语言来创建、修改和删除 XML 元素。

创建节点是 XML DOM 中的一个重要部分,因为在大多数情况下,我们需要通过代码创建新的元素或节点。创建节点涉及到以下几个步骤:

  1. 创建一个新节点
  2. 给节点添加属性
  3. 给节点添加文本
  4. 将创建的节点添加到文档中

让我们看看如何使用 XML DOM 创建节点。

使用 createElement() 方法创建节点

使用 createElement() 方法可以创建一个新的元素或节点,该方法接受一个参数,即要创建的元素的名称。以下示例演示如何创建一个名为 book 的新元素。

var xmlDoc = new DOMParser().parseFromString('<library></library>', 'text/xml');
var bookElement = xmlDoc.createElement("book");

以上代码中,我们首先创建一个名为 library 的空 XML 文档。然后,使用 createElement() 方法创建一个名为 book 的新元素,并将其存储在变量 bookElement 中。

给节点添加属性

可以使用 setAttribute() 方法向节点添加属性。该方法需要两个参数,第一个参数是属性的名称,第二个参数是属性的值。以下代码演示向 book 元素添加 idlanguage 属性。

bookElement.setAttribute("id", "1001");
bookElement.setAttribute("language", "english");
给节点添加文本

可以使用 createTextNode() 方法创建一个文本节点,并使用 appendChild() 方法将其添加到元素中。以下代码演示如何向 book 元素添加文本。

var bookTitle = xmlDoc.createTextNode("Introduction to JavaScript");
bookElement.appendChild(bookTitle);

以上代码中,我们使用 createTextNode() 创建一个文本节点 bookTitle,并将其存储在变量中。然后,使用 appendChild() 将新的文本节点添加到 book 元素中。

将创建的节点添加到文档中

使用 appendChild() 方法可以将创建的新节点添加到文档中。以下代码演示如何将 book 元素添加到根元素 library 中。

xmlDoc.getElementsByTagName("library")[0].appendChild(bookElement);

以上代码中,我们使用 getElementsByTagName() 方法获取名为 library 的元素,并使用 appendChild()book 元素添加到 library 元素中。

创建节点是使用 XML DOM 时的一个基本任务,以上例子演示了如何使用 createElement() 方法创建一个新节点,如何向节点添加属性和文本,以及如何将新节点添加到文档中。