Onclick button doesn't function
Question
i try to create a button when the page is load.
<!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>
the button is created succesfully, but the function that I have associated with onClick event doesn't work. any ideas?
2 answers
solution1
5 ACCPTED 2013-08-23 15:56:55
onclick expects a function, not a string:
newButton.onclick = function() { document.write('Tasto premuto') };
Please see this jsFiddle
Of course, you should be aware that document.write() completely clears the DOM of all current content, rather than simply appending the string to the existing content.
solution2
1 2013-08-23 15:57:18
You're assigning a string to function pointer:
Change:
newButton.onclick="document.write('Tasto premuto')";
To:
newButton.onclick= function(){ document.write('Tasto premuto') };
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
onclick function doesn't work in an Ajax loaded button
function doesn't work on button (myMove is not defined at HTMLButtonElement.onclick)
onclick doesn't trigger function (button created through innerHTML)
'onclick' doesn't seem to call a function with 'submit' button
onclick button doesn't work
Button onclick doesn't respond
Onclick to a function doesn't work
View doesn't work onclick a button in backbone
javascript button onclick doesn't fire
onclick tag button doesn't work in angular
Related Tags