MarcusDidius
New member
Hallo,
ich versuche etwas mit DOM Manipulation zu experimentieren. U.a. einen EventListener programmatisch zuweisen
Funktioniert nicht, der "click" button bekommt keine Eventhandler.
Erst wenn ich dem Button im HTML einen onclick Eventhandler zuweise funktioniert es
Was mach ich in meiner init-Methode falsch?
ich versuche etwas mit DOM Manipulation zu experimentieren. U.a. einen EventListener programmatisch zuweisen
HTML:
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<script>
function init() {
var button = document.getElementById('click');
button.addEventListener('onclick', clone);
}
function clone() {
console.log('clone');
var button = document.getElementById('click').cloneNode(true);
button.value = 'Click me!';
button.addEventListener('onclick', clone);
var body = document.getElementById('body');
body.insertBefore(button, body.firstChild);
}
</script>
</head>
<body id="body" onload="init()">
<input id="click" type="button" value="Click me">
</body>
</html>Funktioniert nicht, der "click" button bekommt keine Eventhandler.
Erst wenn ich dem Button im HTML einen onclick Eventhandler zuweise funktioniert es
HTML:
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<script>
function init() {
/*
var button = document.getElementById('click');
button.addEventListener('onclick', clone);
*/
}
function clone() {
console.log('clone');
var button = document.getElementById('click').cloneNode(true);
button.value = 'Click me!';
button.addEventListener('onclick', clone);
var body = document.getElementById('body');
body.insertBefore(button, body.firstChild);
}
</script>
</head>
<body id="body" onload="init()">
<input id="click" type="button" value="Click me" onclick="clone()">
</body>
</html>Was mach ich in meiner init-Methode falsch?
