javascript - Onclick 按钮不起作用

Question

我尝试在页面加载时创建一个按钮。

<!DOCTYPE html>
<html>
<head>
<script>
function createButton(){
var newButton = document.createElement("button");
newButton.onclick="document.write('Tasto premuto')";
var textButton = document.createTextNode("Premi qui");
newButton.appendChild(textButton);
document.body.appendChild(newButton);
}
</script>
</head>
<body onload="createButton()">

</body>
</html>

该按钮已成功创建，但我与 onClick 事件关联的功能不起作用。有任何想法吗？

score 5 · Accepted Answer

onclick需要一个函数，而不是一个字符串：

newButton.onclick = function() { document.write('Tasto premuto') };

请看这个jsFiddle

当然，您应该知道document.write()完全清除所有当前内容的 DOM，而不是简单地将字符串附加到现有内容。

score 1 · Accepted Answer

您正在为函数指针分配一个字符串：

改变：

newButton.onclick="document.write('Tasto premuto')";

至：

newButton.onclick= function(){ document.write('Tasto premuto') };

javascript - Onclick 按钮不起作用

2 回答 2

Related

Reference