javascript - 关闭动态 div 上的图标

Question

我有一个动态创建的 div。我还使用 display:none 和 display:block 切换 div 的可见性。我想使用纯 Javascript 和 CSS 为该 div 创建一个关闭图标。那可能吗？

我曾尝试使用一个简单的 X 图标来更改可见性。

这是我的CSS:

.dhSeriesToolbar {
     max-height: 200px;
     width:400px;
     background-color: black;
     z-index:999;
     display:none;
     overflow:auto;
     border: 2px solid #33ccff;
     padding-left: 15px;
     padding-top: 15px;
     padding-bottom: 15px;
     position:absolute;
 }

Answer 1

最好能看到你的代码对你有更好的帮助。但想法如下:在您的 <img> 中添加一个图标( <div> )元素，并将 Javascript 调用绑定(bind)到 onclick 事件，该事件将隐藏(或删除，根据您的需要)<div> .