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

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

javascript

JavaScript DOM更改背景颜色未按预期工作,javascript,Javascript,我有： JavaScript索引 “严格使用”；函数setBGColor（）{ document.body.style.backgroundColor=“蓝色”； } document.colorButton.onclick=setBGColor；正如你所看到的，我试图在按下按钮后改变身体的背景色。但我得到了以下错误： Uncaught TypeError:无法设置未定义的属性“onclick”文档没有名为colorButton的属性： <!DOCTYPE html> <

我有：


JavaScript索引
“严格使用”；
函数setBGColor（）{
document.body.style.backgroundColor=“蓝色”；
}
document.colorButton.onclick=setBGColor；

正如你所看到的，我试图在按下按钮后改变身体的背景色。但我得到了以下错误：

Uncaught TypeError:无法设置未定义的属性“onclick”

文档没有名为

colorButton

的属性：

<!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>

您需要获取

输入

元素（因为您有名称，所以请使用元素名称）

或添加一个id：

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

像贝娄一样说去拿按钮

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

而不是

document.getElementsByName('colorButton')[0].onclick = setBGColor;

document.getElementsByName('colorButton')[0].onclick = setBGColor;

document.colorButton.onclick = setBGColor;