Question

1）

document.getElementById("demo").addEventListener("click", function(){
document.getElementById("demo").innerHTML = "Hello Worl";);

2）

document.getElementById("demo").onclick = function()
{document.getElementById("demo").innerHTML = "HelloWorld!";}

请帮忙。我认为两者都是做同样事情的不同方式。但第二种方法不起作用。

Answer 1

您没有添加结束括号

document.getElementById("demo").addEventListener("click", function(){
   document.getElementById("demo").innerHTML = "Hello Worl";
);

应该是

document.getElementById("demo").addEventListener("click", function(){
   document.getElementById("demo").innerHTML = "Hello Worl";
});

第二种方法应该可以正常工作，你确定你在页面上有这个id的正确元素吗？

这里是这个例子的小提琴

https://jsfiddle.net/wvty8rpc/1/

Answer 2

您可以尝试在Html中添加onclick：

<button value="Some Text" onclick="click()" id="demo"></button>
<script>
function click(){
    document.getElementById("demo").innerHTML="Hello World";
}
</script>

另一种方法：

onload = demo;
function demo() {
     var demo = document.getElementById("demo");
     demo.onclick = click;
}
function click(){
     document.getElementById("demo").innerHTML="Some text";
}

我希望这很有帮助。如果没有发表评论。

无法在getElementById返回的对象上调用（或附加函数）onclick方法

2 个答案: