JS getElementsByClassName(ClassName)が機能しない:何も起こらなかった

ジェイミー

コード:

(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 /言語を使用して回答を提案することは避けて
くださいあなたの助けをどうもありがとう。

アミット・ジョキ

これを行う:

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

あなたは持っていないintstringfloatあなたは他の言語で持っているようにし、他のデータ型。javascriptであなたが持っているのはvar

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

JSが機能しなくなった

分類Dev

jsの真の条件が機能しないのになぜこれが起こるのですか

分類Dev

JS:classNameを変更するためのSwitch / Caseが機能しない

分類Dev

このコードが機能しないのはなぜですか?(私はjsの完全な初心者です、いくつかの明らかな間違いをしたかもしれません)

分類Dev

Express Js APIHttpからHttpsが機能しない

分類Dev

discord.jsこのコマンドの下のコードが機能しない理由は何ですか?

分類Dev

最も基本的なfullPage.jsページが機能しない

分類Dev

window.loadを使用した後でもJSが機能しない

分類Dev

fields_forヘルパーがjs.erbから変換した後に.js.rjsで機能しない

分類Dev

jsセグメント機能が機能しなくなった

分類Dev

JSクライアントから(Chrome拡張機能として)何も受信しないのはなぜですか?

分類Dev

JSが機能しないことを具体化しますか?

分類Dev

変更時のセマンティックUIVue JSが機能しない、または起動されない

分類Dev

この「パリンドロームのチェック」JS機能の何が問題になっていますか?

分類Dev

JSが正しく機能しない

分類Dev

ScrollIntoView()が機能しない-バニラJS、なぜですか?

分類Dev

なぜanime.jsが機能しないのですか?

分類Dev

Vue.js:単純なクリック機能が起動しない

分類Dev

何が起こっているのかわからない-エラーなし(Javaの新機能)

分類Dev

AngularJS:js タイマーからの初期化データが機能しない

分類Dev

Wordpress / Modal / JSのバグ-モーダルが突然機能しなくなった

分類Dev

Node.jsでスタイラスが突然機能しなくなった

分類Dev

この基本的なNode.jsエラー処理が機能しないのはなぜですか?

分類Dev

この基本的な1対1の関係がEmber.jsで機能しないのはなぜですか?

分類Dev

この単純なAngular.jsの例が機能しないのはなぜですか?

分類Dev

Three.js-OrbitControlsが機能しない

分類Dev

MaxlengthがReact Jsで機能しない

分類Dev

onClickが機能しないReact js

分類Dev

JS / jQueryがCodePenで機能しない

Related 関連記事

  1. 1

    JSが機能しなくなった

  2. 2

    jsの真の条件が機能しないのになぜこれが起こるのですか

  3. 3

    JS:classNameを変更するためのSwitch / Caseが機能しない

  4. 4

    このコードが機能しないのはなぜですか?(私はjsの完全な初心者です、いくつかの明らかな間違いをしたかもしれません)

  5. 5

    Express Js APIHttpからHttpsが機能しない

  6. 6

    discord.jsこのコマンドの下のコードが機能しない理由は何ですか?

  7. 7

    最も基本的なfullPage.jsページが機能しない

  8. 8

    window.loadを使用した後でもJSが機能しない

  9. 9

    fields_forヘルパーがjs.erbから変換した後に.js.rjsで機能しない

  10. 10

    jsセグメント機能が機能しなくなった

  11. 11

    JSクライアントから(Chrome拡張機能として)何も受信しないのはなぜですか?

  12. 12

    JSが機能しないことを具体化しますか?

  13. 13

    変更時のセマンティックUIVue JSが機能しない、または起動されない

  14. 14

    この「パリンドロームのチェック」JS機能の何が問題になっていますか?

  15. 15

    JSが正しく機能しない

  16. 16

    ScrollIntoView()が機能しない-バニラJS、なぜですか?

  17. 17

    なぜanime.jsが機能しないのですか?

  18. 18

    Vue.js:単純なクリック機能が起動しない

  19. 19

    何が起こっているのかわからない-エラーなし(Javaの新機能)

  20. 20

    AngularJS:js タイマーからの初期化データが機能しない

  21. 21

    Wordpress / Modal / JSのバグ-モーダルが突然機能しなくなった

  22. 22

    Node.jsでスタイラスが突然機能しなくなった

  23. 23

    この基本的なNode.jsエラー処理が機能しないのはなぜですか?

  24. 24

    この基本的な1対1の関係がEmber.jsで機能しないのはなぜですか?

  25. 25

    この単純なAngular.jsの例が機能しないのはなぜですか?

  26. 26

    Three.js-OrbitControlsが機能しない

  27. 27

    MaxlengthがReact Jsで機能しない

  28. 28

    onClickが機能しないReact js

  29. 29

    JS / jQueryがCodePenで機能しない

ホットタグ

アーカイブ