当前位置 : 主页 > 网页制作 > xml >

XML学习(一)元素,属性,读取详解

来源:互联网 收集:自由互联 发布时间:2021-08-18
元素 与 属性 javascript读取XML文件: ?xml version=1.0 encoding=ISO-8859-1 ? note toduncan /to fromJohn/from headingReminder/heading bodyDont forget the meeting!/body /note XML DOM 操作XML html head script type=text/javascript fu
  1. 元素 与 属性

  2. javascript读取XML文件:

<?xml version="1.0" encoding="ISO-8859-1" ?>
<note>
<to>duncan
</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

XML DOM 操作XML

<html>
<head>
<script type="text/javascript">
function parseXML()
{
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e)
{
alert(e.message);
return;
}
}
xmlDoc.async=false;
xmlDoc.load("note.xml");

document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
}
</script>
</head>

<body onload="parseXML()">
<h1>W3School.com.cn Internal Note</h1>
<p><b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</p>
</body>
</html>

重要注释

xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue
  • xmlDoc -由解析器创建的 XML 文档

  • getElementsByTagName("to")[0] - 第一个 <to> 元素

  • childNodes[0] - <to> 元素的第一个子元素(文本节点)

  • nodeValue - 节点的值(文本本身)

疑问:

如果xml文件为:

<?xml version="1.0" encoding="ISO-8859-1" ?>
<note>
<to>asdfsd
<too>duncan1</too>

</to>
<too>duncan2</too>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

读取第一个<too>

xmlDoc.getElementsByTagName("to")[0].getElementsByTagName("t00")[0].childNodes[0].nodeValue

读取第二个<too>

xmlDoc.getElementsByTagName("too")[0].childNodes[0].nodeValue

以上就是XML学习(一)元素,属性,读取详解的详细内容,更多请关注自由互联其它相关文章!

网友评论