一个应该只对一件事起作用的点击会影响所有

Question

我制作了一个圆圈，当它被点击时应该消失，但出于某种原因，当我点击它时，屏幕上的所有内容都会消失，或者如果我点击屏幕上的任何其他内容，这也使一切都消失了。这是我的圆圈代码（减去使div成为圆圈的css）。完整的代码在链接中。

<div id="circle"> <div>

document.getElementById("circle").onclick = function()  {
            document.getElementById("circle").style.display="none";
        } 

https://jsfiddle.net/Dovid_M/51smpyeq/#&togetherjs=gAo0i0hlSt

Answer 1

这是因为您未正确关闭div标记。

其<div id="circle"> </div>，而不是<div id="circle"> <div>。

因为你没有将/放在结束标记中，所以Javascript认为你的标记永远不会结束，只是认为它后面的所有内容都是<div id="circle">的一部分。

Answer 2

JSFiddle中的所有内容都在id="circle"的div中。那是因为您在结束时/错过了</div>。

如果浏览器会抛出错误而不是尝试渲染无效的HTML，您就会立即发现问题。