javascript - 使用 Javascript 显示 XML 数据

Question

我正在尝试在 jsp 文件中显示一些 XML 数据。

我正在使用 EL 获取以下数据:

<xml id="xmlData">
    <c:out value="${xmlform.myXmlData}" escapeXml="false"/>
</xml>

如何使用 javascript 获取对此 xml 文档的引用？

var xmlDoc  = document.getElementById("xmlData"); //reference to the xml element 
var xmlData = xmlDoc.[how to reference xmlDoc to get data?]
var fields  = xmlData.documentElement.selectNodes("field");
for (var i=-; i<fields.length;etc...

Answer 1

因此，JSP 服务器直接在 HTML 代码中编写 XML 树。我希望这对您有所帮助。

var parser = new DOMParser();
var xmlDoc = parser.parseFromString(document.getElementById("xmlData").innerHTML ,"text/xml");
var fields = xmlDoc.documentElement.getElementsByTagName("field");
for(var i = 0; i < fields.length; i++)
{
    console.log(fields[i].firstChild.data); // fields[i].attributes, fields[i]childNodes, ...
}

或更短:

var xmlData = document.getElementById("xmlData");
var fields = xmlData.getElementsByTagName("field");
for(var i = 0; i < fields.length; i++)
{
    console.log(fields[i].firstChild.data);
}