javascript - 一次应该只对一件事起作用的点击会影响所有事情

标签 javascript

我制作了一个圆圈,单击它后应该会消失,但由于某种原因,当我单击它时,屏幕上的所有内容都会消失,或者如果我单击屏幕上的任何其他内容,也会使所有内容消失。这是我的圆圈代码(减去使 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

最佳答案

这是因为你没有关闭你的div正确标记。

<div id="circle"> </div> ,不是<div id="circle"> <div>

因为你没有输入/在结束标签中,Javascript 认为你的标签永远不会结束,并且简单地认为它也是 <div id="circle"> 的一部分之后的其他所有内容。 .

关于javascript - 一次应该只对一件事起作用的点击会影响所有事情,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36611187/

相关文章:

javascript - 在网页中搜索数千个关键字的最快方法

javascript - 下一个js : Avoid change css className after run

javascript - ngstrap typeahead无序多关键字搜索

javascript - Jquery slidedown if 语句不比较 $(this)

javascript - 计算二叉树 Javascript 的高度/深度

javascript递归null TypeError在while循环的主体中,预计不会被执行

javascript - 访问 JavaScript 对象属性和函数时出现未定义错误

javascript - 如何在javascript中设置下载文件等待时的加载符号?

javascript - 打开站点时如何查看 javascript 正在逐步执行的操作?

javascript - 使用 requireJs 的模块中的循环依赖