XML DOM 创建新的 XML 元素

编辑下面的代码，然后点击查看运行效果按钮，右侧显示代码修改后的运行结果

<html>
<head>
<script type="text/javascript" src="/xml/try/loadxmldoc.js"> 
</script>
</head>
<body>

<script type="text/javascript">
xmlDoc=loadXMLDoc("/xml/try/books.xml");

var x=xmlDoc.getElementsByTagName('book');
var newel,newtext

for (i=0;i<x.length;i++)
  {
  newel=xmlDoc.createElement('edition');
  newtext=xmlDoc.createTextNode('First');
  newel.appendChild(newtext);
  x[i].appendChild(newel);
  }

//Output all titles and editions
var y=xmlDoc.getElementsByTagName("title");
var z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
  {
  document.write(y[i].childNodes[0].nodeValue);
  document.write(" - Edition: ");
  document.write(z[i].childNodes[0].nodeValue);
  document.write("<br />");
  }
</script>
</body>
</html>

运行结果:上一个示例：XML DOM 改变 XML 属性的值下一个示例：XML DOM 删除 XML 元素

XML 示例 - W3C HTML - 在线测试工具 V1.0