以下是代码:当我单击R或G或B按钮时,应该更改颜色,但未按预期发生,这是怎么回事?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BackGround</title>
</head>
<body>
<button id="red"> R </button>
<button id="blue"> B </button>
<button id="green"> G </button>
<script>
let body = document.querySelector('body');
document.querySelector('#red').oncliclk = function() {
body.style.backgroundColor = 'red';
};
document.querySelector('#blue').oncliclk = function() {
body.style.backgroundColor = 'blue';
};
document.querySelector('#green').oncliclk = function() {
body.style.backgroundColor = 'green';
};
</script>
</body>
</html>
我认为您犯了一些拼写错误,不确定也不要在“ =”]之间放置空格
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BackGround</title>
</head>
<body>
<button id="red"> R </button>
<button id="blue"> B </button>
<button id="green"> G </button>
<script>
let body = document.querySelector('body');
document.querySelector('#red').onclick = function(){
body.style.backgroundColor = 'red';
};
document.querySelector('#blue').onclick = function(){
body.style.backgroundColor = 'blue';
};
document.querySelector('#green').onclick = function(){
body.style.backgroundColor = 'green';
};
</script>
</body>
</html>