DOM 操作点击鼠标事件

Question

我试图通过单击鼠标来更改 web 页面的背景颜色，下面是相同的行：

 let bodyvar = document.querySelector('body'); bodyvar.addEventListener("click",generate); function generate(){ bodyvar.style.backgroundColor = "red"; }

当我在控制台中测试单独的行时，它正在选择正文和 function 并且所有内容都可以单独正常工作但不是在实际页面上。

我刚开始学习 JS，所以不确定这里缺少什么，我是否还需要考虑鼠标点击的坐标？

Answer 1

我怀疑<body></body>是空的。 添加一些content ，或者定义width和height 。

 let bodyvar = document.querySelector('body'); bodyvar.style.minWidth = "100vw"; bodyvar.style.minHeight = "100vh"; bodyvar.addEventListener("click",generate); function generate(){ bodyvar.style.backgroundColor = "red"; }

或者，我可以使用<HTML>而不是<body> 。

 let bodyvar = document.querySelector('html'); bodyvar.addEventListener("click",generate); function generate(){ bodyvar.style.backgroundColor = "red"; }