HTML
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<script type="text/javascript" src="MouseEvent.js"></script>
<script type="text/javascript" ></script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<button id="btn" type="button">Click Me!</button>
</body>
</html>
Javascript
var handleclick = function(event)
{
document.body.style.bgColor="red";
};
var button = document.getElementById("btn");
button.addEventListener("click",handleclick,false);
Aus irgendeinem Grund ändert sich die Hintergrundfarbe nicht, wenn auf "btn" geklickt wird. Was läuft hier falsch? Vielen Dank
Antworten:
3 für die Antwort № 1Schauen Sie in Ihrer JavaScript-Konsole. Sie werden sehen, dass es das beklagt addEventListener
ist da keine funktion button
ist nicht definiert.
Ihr Skript wird ausgeführt, bevor die Schaltfläche im DOM analysiert wurde.
Verschieben Sie das Skript so, dass es hinter der Schaltfläche steht.
Alternativ können Sie die letzten beiden Zeilen in eine Funktion und einschließen addEventListener("load", thatFunction)
.
Außerdem gibt es keine bgColor
Eigentum von style
, Sie wollen backgroundColor
.