<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!--页面的制作-->
<!--制作事件-->
<!--开始选择位置插入 并插入-->
<!--进行判断是否插入成功-->
<!--显示-->
<script language="javascript" type="text/javascript" src="loadxmldoc.js"></script>
<script type="text/javascript">
function insertBeforeValue()
{
<!--载入books.xml文档-->
xmlDoc=loadXMLDoc("books.xml");
<!--创建book节点-->
newNode=xmlDoc.createElement("book");
<!--获得所有节点-->
x=xmlDoc.documentElement;
<!--找出所有的book节点-->
y=xmlDoc.getElementsByTagName("book");
<!--将新建的节点放在最后一个节点的前面-->
x.insertBefore(newNode,y[3]);
<!--创建title节点-->
var newel=xmlDoc.createElement("title");
<!--创建year节点-->
var newel2=xmlDoc.createElement("year");
//var newel3=xmlDoc.createElement("price");
<!--将xmlDoc里面的第4个节点定义到z里-->
var z=xmlDoc.getElementsByTagName("book")[3];
<!--把title放进第四个book节点的最后一个-->
z.appendChild(newel);
<!--把year放进第四个book节点的最后一个-->
z.appendChild(newel2);
//z.appendChild(newel3);
<!--往title里面添加值-->
newel.setAttribute("title",bookName.value);
<!--往year里面添加值-->
newel2.setAttribute("year",bookYear.value);
alert(newel2.getAttribute("year"));
//newel3.setAttribute("price",bookPrice.value);
</script>
</head>
<body>
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月24号(第51天的学习)
猜你喜欢
转载自xjwolaile.iteye.com/blog/1753443
今日推荐
周排行