Question

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);

出于某种原因，当＆＃34; btn＆＃34;点击后背景颜色不变，这里出了什么问题？ THX

Answer 1

查看您的JavaScript控制台。您会看到它抱怨addEventListener不是函数，因为button未定义。

您的脚本在按钮被解析为DOM之前运行。

移动脚本，使其位于按钮之后。

或者，将最后两行包裹在函数和addEventListener('load', thatFunction)中。

此外，bgColor没有style属性，您需要backgroundColor。

单击按钮时，addEventListener无效

1 个答案: