gpt4 book ai didi

JavaScript DOM 更改背景颜色未按预期工作

转载 作者:行者123 更新时间:2023-12-02 16:22:44 25 4
gpt4 key购买 nike

我有:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript index</title>
</head>
<body id="body">
<input name="colorButton" type="button" value="Change background color" />

<script>
"use strict";

function setBGColor() {
document.body.style.backgroundColor = "blue";
}

document.colorButton.onclick = setBGColor;

</script>
</body>
</html>

正如你所看到的,我试图在按下按钮后更改正文的背景颜色。但我收到以下错误:

未捕获类型错误:无法设置未定义的属性“onclick”

最佳答案

文档没有名为 colorButton 的属性:

document.querySelector('input[name="colorButton"]').onclick = setBGColor;

您需要获取 input 元素(因为您有名称,请使用元素名称)。

<小时/>

或者添加一个 ID:

<input name="colorButton" id="colorButton" type="button" value="Change background color" />

然后:

document.getElementById('colorButton').onclick = setBGColor;

关于JavaScript DOM 更改背景颜色未按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28955581/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com