Javascript XML DOM按钮onclick

我的XMLDOM有一个问题，我使用ButtonOnClick循环我要定位的标记名，但是按钮不起作用。你能看看我的密码吗

<button onclick="myfunction()">Click Me</button>

<script>
var xhttp;
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myFunction(this);
    }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();


function myFunction(xml) {
    var a, b, c, d, i, txt, xmlDoc; 
    xmlDoc = xml.responseXML;
    txt = "";
    a = xmlDoc.getElementsByTagName("title");
    b = xmlDoc.getElementsByTagName("author");
    c = xmlDoc.getElementsByTagName("year");
    d = xmlDoc.getElementsByTagName("price");
    for (i = 0; i < a.length; i++) { 
        txt += a[i].childNodes[0].nodeValue + ": " + b[i].childNodes[0].nodeValue + ", " + c[i].childNodes[0].nodeValue + ", " + d[i].childNodes[0].nodeValue + "<br><hr>";
    }
    document.getElementById("demo").innerHTML = txt;
}

点击我
var-xhttp；
xhttp=newXMLHttpRequest（）；
xhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
我的职能（本）；
}
};
open（“GET”，“books.xml”，true）；
xhttp.send（）；
函数myFunction（xml）{
变量a、b、c、d、i、txt、xmlDoc；
xmlDoc=xml.responseXML；
txt=“”；
a=xmlDoc.getElementsByTagName（“标题”）；
b=xmlDoc.getElementsByTagName（“作者”）；
c=xmlDoc.getElementsByTagName（“年”）；
d=xmlDoc.getElementsByTagName（“价格”）；
对于（i=0；i
；
}
document.getElementById（“demo”）.innerHTML=txt；
}

加载html文件时看起来是这样的，但我想在单击按钮后显示值

---

首先需要将

onclick=“myfunction（）”

替换为

onclick=“myfunction”

注意F是大写字母

其次，您需要在页面上包含

标记。这是您试图显示内容的地方

这是您的最终html：

<button onclick="myfunction()">Click Me</button>
<p id="demo"></p>

点击我

如果我使用的是

，它可以正常工作。什么不起作用？你有错误吗？当你明确自己想要做什么、正在发生什么以及期望什么时，事情就会变得更容易。函数是否没有被调用？拼写正确吗？我没有收到错误，我想在单击按钮后显示按钮下方的值，包括id为demo的元素。否则就没有地方打印文本了现在在我点击按钮之前它会显示，我怎么能在点击按钮之后让它显示呢？