1

div動的に作成するものがあります。display:noneまた、とを使用して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

あなたをより良く助けるためにあなたのコードを見たほうがよいでしょう。ただし、アイデアは次のとおりです。要素にアイコン（<img>）を追加し<div>、Javascript呼び出しをonclickイベントにバインドして、を非表示にします（または必要に応じて削除します）<div>。

于 2013-01-29T11:19:59.817 に答える
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 に答える
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 に答える