求大神:js显示隐藏层问题,如何显示多个div。

js部分:

function showdiv(targetid,objN){
var target=document.getElementById(targetid);
var clicktext=document.getElementById(objN)

if (target.style.display=="block"){
target.style.display="none";
clicktext.innerText="点击查看详细信息";

} else {
target.style.display="block";
clicktext.innerText='关闭详细信息信息';
}

}
-->
</script>
css部分:

-->
body { font: normal 14px "宋体" }
a { text-decoration: none; }
#showtext { cursor: hand; cursor:pointer;}
#contentid { margin-top: 10px; width:100%; border: 1px solid #CCC; background: #F1F1F1; padding: 15px; }
.none { display: none; }
-->
html部分:
<a id="showtext" onClick="showdiv('contentid','showtext')">点击查看详细信息</a>
<div id="contentid" class="none">打开的内容</div>
-->

.div{display:none;}
<div class="div">DIV1</div>
<div class="div open">DIV2</div>
<div class="div close">DIV3</div>
<div class="div">DIV4</div>

//显示所有DIV
function showAlldiv(){
   var es = document.getElementByClassName("div");
   for(var i = 0;i < es.length; i++){
       es[i].style.display = "block";
   }
}

//显示CLASS为open的所有DIV
function showOpendiv(){
   var es = document.getElementByClassName("open");
   for(var i = 0;i < es.length; i++){
       es[i].style.display = "block";
   }
}
//调用的方式这个就你自己去写了
温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答