Question

我只想知道如何使用JavaScript和HTML编写代码以使XML文件正常工作。我目前正在使用此代码，但它无法正常工作

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div>
<p>
<h1 id="to">To:
<h1 id="from">From:
<h1 id="message">Message:
<p>
</div>

<script>
if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
} 
else{ 
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","FileName.xml", false); 
xmlhttp.send(); 
xmlDoc=xmlhttp.responseXML;

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

我正在使用这个XML代码

<?xml version="1.0" encoding="UTF-8"?>
<e-mail>
<to>John</to>
<from>Larry</from>
<message>Hello how are you!</message>
</e-mail>

Answer 1

您缺少结束</h1>代码，<h1>也不是<p>元素的有效代码;使用.onload的{{1}}事件来执行XMLHttpRequest()的任务;在.responseText调用[0]

中的引用特定元素后添加索引getElementsByTagName()

HTMLCollection

plnkr https://plnkr.co/edit/jLsO3SgV8dMG3sRBZbds?p=preview

如何在javascript中编写代码来读取xml文件

1 个答案: