我只想改变我的身体背景,比如在我点击 时切换btn,我想使用该addEventListener方法。我不确定为什么我的代码不起作用,它仅在 bodybackgroundcolor为紫色时才起作用。
这是我的代码:
var btn = document.querySelector("button");
var body = document.getElementByTagName("body")[0];
btn.addEventListener("click", function() {
if(body.style.backgroundColor = "") {
body.style.backgroundColor = "purple"
} else {
body.style.backgroundColor = ""}
}
);
Run Code Online (Sandbox Code Playgroud)
您的代码中有两个问题:
getElementByTagName()应该是getElementsByTagName()。您在该方法中有一个错字,因此请先更正。===在if条件中使用比较运算符 ( ) 。当前您正在分配值 ( =)var btn = document.querySelector("button");
var body = document.getElementsByTagName("body")[0];
btn.addEventListener("click", function() {
if (body.style.backgroundColor === "") {
body.style.backgroundColor = "purple"
} else {
body.style.backgroundColor = ""
}
});Run Code Online (Sandbox Code Playgroud)
<body>
Some text
<button>Click</button>
</body>Run Code Online (Sandbox Code Playgroud)