XML 增、删、改和查示例

XML（Extensible Markup Language）是一种用于标记电子文档的语言，它可以让用户自定义标记。XML被广泛应用于互联网和Web应用程序以及数据交换领域。

使用XML增删改查操作可以很方便地对XML文档进行增加、修改、删除、查询等操作。下面将介绍XML文件的增删改查操作示例。

增加XML元素

要将新元素添加到XML文档中，我们需要使用XML DOM方法。在下面的示例中，我们创建XML文档并向其添加新元素。

<?xml version="1.0" encoding="ISO-8859-1"?>
<library>
</library>

<script type="text/javascript">
  // 创建XML对象
  let xmlDoc = new DOMParser().parseFromString('<?xml version="1.0" encoding="ISO-8859-1"?><library></library>', 'text/xml');
  // 创建新元素
  let book = xmlDoc.createElement('book');
  // 添加元素属性
  book.setAttribute('id', '1');
  // 添加元素值
  book.innerHTML = 'XML DOM Demo';
  // 将元素添加到文档
  xmlDoc.getElementsByTagName('library')[0].appendChild(book);
</script>

以上JS代码演示了如何向XML文档中添加新元素。 在这个示例中，我们创建了一个新的XML文档，然后创建了一个新的元素，并将其添加到文档中。

修改XML元素

要修改XML文档中的元素，我们可以使用XML DOM方法。在下面的示例中，我们修改XML文档中的现有元素。

<?xml version="1.0" encoding="ISO-8859-1"?>
<library>
  <book id="1">XML DOM Demo</book>
</library>

<script type="text/javascript">
  // 创建XML对象
  let xmlDoc = new DOMParser().parseFromString('<?xml version="1.0" encoding="ISO-8859-1"?><library><book id="1">XML DOM Demo</book></library>', 'text/xml');
  // 修改元素属性
  xmlDoc.getElementsByTagName('book')[0].setAttribute('id', '2');
  // 修改元素值
  xmlDoc.getElementsByTagName('book')[0].innerHTML = 'Javascript DOM Demo';
</script>

以上JS代码演示了如何修改XML文档中的元素。 在这个示例中，我们创建一个新的XML文档，并修改了一个现有的元素。

删除XML元素

要从XML文档中删除元素，我们可以使用XML DOM方法。 在下面的示例中，我们删除XML文档中的现有元素。

<?xml version="1.0" encoding="ISO-8859-1"?>
<library>
  <book id="1">XML DOM Demo</book>
</library>

<script type="text/javascript">
  // 创建XML对象
  let xmlDoc = new DOMParser().parseFromString('<?xml version="1.0" encoding="ISO-8859-1"?><library><book id="1">XML DOM Demo</book></library>', 'text/xml');
  let book = xmlDoc.getElementsByTagName('book')[0];
  // 从文档中删除元素
  book.parentNode.removeChild(book);
</script>

以上JS代码演示了如何从XML文档中删除元素。 在这个示例中，我们创建了一个新的XML文档，并从中删除了一个元素。

查询XML元素

要查询XML文档中的元素，我们可以使用XML DOM方法。 在下面的示例中，我们通过标签名和元素属性查询XML文档中的元素。

<?xml version="1.0" encoding="ISO-8859-1"?>
<library>
  <book id="1">XML DOM Demo</book>
  <book id="2">Javascript DOM Demo</book>
</library>

<script type="text/javascript">
  // 创建XML对象
  let xmlDoc = new DOMParser().parseFromString('<?xml version="1.0" encoding="ISO-8859-1"?><library><book id="1">XML DOM Demo</book><book id="2">Javascript DOM Demo</book></library>', 'text/xml');
  // 通过标签名查询元素
  let books = xmlDoc.getElementsByTagName('book');
  for(let i = 0; i < books.length; i++){
    console.log('Book: ' + books[i].innerHTML);
  }
  // 通过元素属性查询元素
  let book = xmlDoc.querySelector('book[id="1"]');
  console.log('Book: ' + book.innerHTML);
</script>

以上JS代码演示了如何查询XML文档中的元素。 在这个示例中，我们创建了一个新的XML文档，并通过标签名和元素属性查询了文档中的元素。