Question

代码：

（HTML）

<html>
  <head>
    <title>Float Image Gallery</title>
  </head>
  <body>
    <button onclick="showAllGalleries();">Show gallery</button>
    <div id="myGallery" class="gallery">
      <div class="gallery-close">
        <img src="http://bit.do/closeicon" onclick="showAds" />
      </div>
    </div>
   </body>
</html>

<style>
.gallery {
  display:none;
  width:100%;
  height:100%;
  left:0;
  bottom:0;
  top:auto;
  right:auto;
  position:fixed;
  background-color:#cccccc;
  opacity:50%;
}

.gallery-close {
  width:auto;
  height:auto;
  margin-top:4px;
  margin-left:4px;
}
<style>

<script>    
function showMyGallery(){
    document.getElementById('myGallery').style.display='inline';
}

function showAllGalleries(){
  var adsArray = document.getElementsByClassName("gallery");
  for (int i; i<adsArray.length; i++){
    adsArray[i].style.display='inline';
  }
}

function hideMyGallery(){
  document.getElementById('myGallery').style.display='inline';
}
</script>

然而，showAllGalleries（）似乎不起作用我的 Javascript 代码中出现了什么问题？
请 尽量避免 使用javascript以外的jQuery /语言建议答案。
非常感谢你的帮助。

Answer 1

这样做：

for (var i = 0; i<adsArray.length; i++){
    adsArray[i].style.display='inline';
  }

您没有其他语言的int，string，float和其他数据类型。在javascript中你只有var

JS getElementsByClassName（ClassName）不工作：什么都没发生

1 个答案: