1

我有一个div我动态创建的。display:none我还使用and来切换 div 的可见性display:block。我想使用纯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;
 }
4

4 回答 4

1

是的可能......这样做

// javascript part
myfunction(){
document.getElementById("divShowHide").setAttribute("style", "display:none;");
}

// html part
<img src="icon.png" onclick="myFunction()"/>
于 2013-01-29T11:23:25.320 回答
1

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

于 2013-01-29T11:19:59.817 回答
0

你也可以玩visibility:hidden

于 2013-01-29T11:19:29.447 回答
0

您可以同时创建一个关闭图标，div例如

$("body").append("<div class='dynamically_created_div'><a href='javascript:void(0);' onclick='closeDiv()'></a></div>");

function closeDiv() {
  $(".dynamically_created_div").hide();
}
于 2013-01-29T11:44:44.107 回答