javascript - 如何在html页面中显示xml数据?

标签 javascript xml xml-parsing xmlhttprequest

我正在尝试读取 xml 文件,但不知何故我遇到了问题:无法显示 xml 数据

<!DOCTYPE html>
<html>
<body>

<script>
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
xmlhttp.open("GET","http://data.bmkg.go.id/gempadirasakan.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("Gempa");
for (i=0;i<x.length;i++)
  { 
  document.write("<tr><td>");
  document.write(x[i].getElementsByTagName("Tanggal")[0].childNodes[0].nodeValue);
  document.write("</td><td>");
  document.write(x[i].getElementsByTagName("Magnitude")[0].childNodes[0].nodeValue);
  document.write("</td></tr>");
  }
document.write("</table>");
</script>

</body>
</html>

我怎样才能显示它???

最佳答案

整个标记构造为字符串,然后才在正文中写入:

var markup = "<table border='1'>";
var x=xmlDoc.getElementsByTagName("Gempa");
for (i=0;i<x.length;i++)
{ 
  markup += ("<tr><td>");
  markup += (x[i].getElementsByTagName("Tanggal")[0].childNodes[0].nodeValue);
  markup += ("</td><td>");
  markup += (x[i].getElementsByTagName("Magnitude")[0].childNodes[0].nodeValue);
  markup += ("</td></tr>");
}
markup += ("</table>")
document.write(markup);

关于javascript - 如何在html页面中显示xml数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13764818/

相关文章:

javascript - 如何使用 CSS 或 JavaScript 使内部元素在固定的外部元素中滚动?

javascript - 为什么我在使用 React-Web 时遇到这些错误

javascript - 语法错误: Unexpected token S, AngularJS,Spring

php - 将数据从浏览器传递到 android

xml - 用于具有任意标签的 XML 文档的 XSLT

python - 将 unicode 对象传递给 XML 解析器时出现 Unicode 错误

php - 使用 php 针对 xsd 验证 xml 文件

javascript - 将 e.location 字符串拆分为变量

xml - Mulesoft DataWeave 2.0 - 有条件地更改单个嵌套值

powershell - 根据服务器名称获取服务名称