<html>
<head>
<script language="javascript" type="text/javascript" src="loadxmldoc.js"></script>
<script type="text/javascript">
function insertBeforeValue()
{
<!--把bookName的值定义到titleValue里面 把bookYear的值定义到yearValue里面 把bookProce的值定义到 priceValue里面-->
var titleValue = document.getElementById("bookName").value;
var yearValue = document.getElementById("bookYear").value;
var priceValue = document.getElementById("bookPrice").value;
<!--载入books.xml文档-->
xmlDoc=loadXMLDoc("books.xml");
<!--创建book节点-->
newNode=xmlDoc.createElement("book");
<!--获得所有节点-->
x=xmlDoc.documentElement;
<!--找出所有的book节点-->
y=xmlDoc.getElementsByTagName("book");
<!--将新建的节点放在最后一个节点的前面-->
x.insertBefore(newNode,y[4]);
<!--创建title节点-->
var newel=xmlDoc.createElement("title");
<!--创建year节点-->
var newel2=xmlDoc.createElement("year");
<!--创建price节点-->
var newel3=xmlDoc.createElement("price");
<!--将xmlDoc里面的第4个节点定义到z里-->
var z=xmlDoc.getElementsByTagName("book")[4];
<!--把title放进第四个book节点的最后一个-->
z.appendChild(newel);
<!--把year放进第四个book节点的最后一个-->
z.appendChild(newel2);
<!--把price放进第四个book节点的最后一个-->
z.appendChild(newel3);
<!--往title里面添加bookName的值,往year里面添加bookYear的值,往price里面月添加bookPrice的值-->
newel.setAttribute("title",titleValue);
newel2.setAttribute("year",yearValue);
newel3.setAttribute("price",priceValue);
<!--警告框跳出显示books.xml里面所有的节点和属性-->
alert(xmlDoc.documentElement.xml);
}
</script>
</head>
<body>
<!--创建三个输入里面的属性分别是 sb 2012 35.00-->
title: <input id="bookName" size="10" value="SB" /><br />
year:<input id="bookYear" size="10" value="2012" /><br />
price:<input id="bookPrice" size="10" value="35.00" /><br />
<!--定义一个按钮触发一个点击事件-->
<button id="insertBefore" onClick="insertBeforeValue()">插入</button>
</body>
</html>
12月25号(第52天的学习)
猜你喜欢
转载自xjwolaile.iteye.com/blog/1754071
今日推荐
周排行