关于JS调用XML中DOM的调用。。老提示找不到属性和方法。。

hello5pear 2009-11-20 05:57:19

要求用JS调出XML里面的内容。。而且可以增加删除DOM节点。。代码如下：
XML的：
<?xml version="1.0" encoding="gb2312"?>
<cartoon>
<car>
<name> 海贼王 </name>
<rank> 第一</rank>
</car>
<car>
<name>海贼王</name>
<rank>第二</rank>
</car>
<car>
<name>海贼王</name>
<rank>第三</rank>
</car>
<car>
<name>海贼王</name>
<rank>第四</rank>
</car>
<car>
<name>海贼王</name>
<rank>第五</rank>
</car>
<car>
<name>海贼王</name>
<rank>第六</rank>
</car>
<car>
<name>海贼王</name>
<rank>第七</rank>
</car>
</cartoon>

JS代码如下：
html>
<head>
<script language="JavaScript"
for="window" event="onload">
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("main.xml");
nodes = xmlDoc.documentElement.childNodes;
op.innerText = nodes.item(0).text;
paradise.innerText = nodes.item(1).text;
xinfeng.innerText = nodes.item(2).text;
ganglian.innerText = nodes.item(3).text;
heita.innerText = nodes.item(4).text;
huzixiaoji.innerText = nodes.item(5).text;
FT.innerText = nodes.item(6).text;
function tianjia()
{
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("main.xml");
var root = xmlDoc.selectSingleNode("cartoon");
var xe1=xmlDoc.createElement("car");
var xesub1=xmlDoc.createElement("name");
xesub1.innerText="langxin";
xe1.appendChild(xesub1);
var xesub2=xmlDoc.createElement("rank");
xesub2.innerText="diba";
xe1.appendChild(xesub3);
root.appendChild(xe1);
xmlDoc.save("main.xml");
}
function shanchu()
{
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("main.xml");
currNode=doc.documentElement.childNodes.item(0);
xmlDoc.documentElement.removeChild(currNode);
xmlDoc.save("main.xml");
}
</script>

<title>动漫排行榜</title>
</head>

<body bgcolor="pink">
<center>
<h1>09年我最喜欢动漫排行榜</h1>
</center>
<hr>
<span id="op"></span>

<hr>
<span id="paradise"></span>
<hr>
<span id="xinfeng"></span>
<hr>
<span id="ganglian"></span>
<hr>
<span id="heita"></span>
<hr>
<span id="huzixiaoji"></span>
<hr>
<span id="FT"></span>
<form action="" method="post" id="form1" name="form1">
<input type="button" value="添加" name="tianjia" onclick="tianjia()">
</form>
<form action="" method="post" id="form2" name="form2">
<input type="button" value="删除" name="shanchu" onclick="shanchu()">
</form>
</body>
</html>

我想请问一下，为什么每次我点添加或者删除按钮的时候，总是显示找不到属性跟方法呢？可是这些方法都查了书的，大小写没有错误啊。想问问到底是哪里出错了。。
抱歉哈。。我没有积分的。。不能给分。。

...全文

280 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

hello5pear 2009-11-21

打赏
举报

谢谢了哈。。那我再改改看。。主要是这个按照书上来的。。不过学校的书还是有些盗版的。。有时候上面的程序调不通就不懂咋回事了。。再次谢谢~

starwalker 2009-11-21

打赏
举报

看来你的愿望可能实现不了了，有很多处错误。
详见注释。



<html> 

<head> 

<script language="JavaScript" for="window" event="onload"> 

var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 

xmlDoc.async="false"; 

xmlDoc.load("main.xml"); 

nodes = xmlDoc.documentElement.childNodes; 

op.innerText = nodes.item(0).text; 

paradise.innerText = nodes.item(1).text; 

xinfeng.innerText = nodes.item(2).text; 

ganglian.innerText = nodes.item(3).text; 

heita.innerText = nodes.item(4).text; 

huzixiaoji.innerText = nodes.item(5).text; 

FT.innerText = nodes.item(6).text; 

</script>

<!-- 下面的函数不能定义到上面这个script标签里面，上面的script已经指定了for和event，而点击按钮的对象和事件与上面定义的不符合，因此调用不到 -->

<script language="JavaScript">

function tianjia() 

{ 

var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 

  xmlDoc.async="false"; 

  xmlDoc.load("main.xml"); 

  var root = xmlDoc.selectSingleNode("cartoon"); 

  var xe1=xmlDoc.createElement("car"); 

  var xesub1=xmlDoc.createElement("name"); 

  // xesub1.innerText="langxin"; 

  // xml不是html，没有innerText属性，报的属性问题就是这个

  xesub1.appendChild(xmlDoc.createTextNode("langxin"));

  xe1.appendChild(xesub1); 

  var xesub2=xmlDoc.createElement("rank"); 

  // xesub2.innerText="diba";  

  // xml不是html，没有innerText属性，报的属性问题就是这个

  xesub2.appendChild(xmlDoc.createTextNode("diba"));

  xe1.appendChild(xesub2); 

  root.appendChild(xe1); 

  xmlDoc.save("main.xml"); // 这个一般是没有权限保存的，因此你的愿望恐怕实现不了了

} 

function shanchu() 

{ 

  var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 

  xmlDoc.async="false"; 

  xmlDoc.load("main.xml"); 

  currNode=doc.documentElement.childNodes.item(0); 

  xmlDoc.documentElement.removeChild(currNode); 

  xmlDoc.save("main.xml"); 

} 

</script> 



<title>动漫排行榜 </title> 

</head> 



<body bgcolor="pink"> 

<center> 

<h1>09年我最喜欢动漫排行榜 </h1> 

</center> 

<hr> 

<span id="op"> </span> 



<hr> 

<span id="paradise"> </span> 

<hr> 

<span id="xinfeng"> </span> 

<hr> 

<span id="ganglian"> </span> 

<hr> 

<span id="heita"> </span> 

<hr> 

<span id="huzixiaoji"> </span> 

<hr> 

<span id="FT"> </span> 

<div>

<input type="button" value="添加" name="tianjia" onclick="tianjia()"> 

</div>

<div>

<input type="button" value="删除" name="shanchu" onclick="shanchu()"> 

</div>

</body> 

</html>