js xml字符串处理样例

最新推荐文章于 2025-04-24 11:31:02 发布

转载最新推荐文章于 2025-04-24 11:31:02 发布 · 1.3k 阅读

文章标签：

#javascript #xml

js jquery 专栏收录该内容

65 篇文章

订阅专栏

本文通过一个简单的示例展示了如何使用JavaScript解析XML文档，并将其中的内容呈现在HTML页面上。该示例创建了一个内部便条，包括收件人、发件人及消息内容。

<html>
<head>
<script type="text/javascript">
function parseXML()
{
text="<note>";
text=text+"<to>George</to>";
text=text+"<from>John</from>";
text=text+"<heading>Reminder</heading>";
text=text+"<body>Don't forget the meeting!</body>";
text=text+"</note>";
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(text);
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(text,"text/xml");
}
catch(e)
{
alert(e.message);
return;
}
}
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>W3Schools Internal Note</h1>
<p><b>To:</b> <span id="to"></span>

<b>From:</b> <span id="from"></span>

<b>Message:</b> <span id="message"></span>
</p>
</body>
</html>