亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

用JS調用多個getElementsByClassName()

用JS調用多個getElementsByClassName()

慕無忌1623718 2023-07-29 15:01:15
我現在很困惑如何讓我的 JS 處理多個類元素。目前在代碼中它只是更改顯示:它找不到第一個 div。我已經閱讀了一些教程,但到目前為止我無法將其實現到我的 js 中并使其正常工作。有人能幫我解決這個問題嗎?提前致謝!function showHideEnglish() {        var english = document.getElementsByClassName("text__english")[0];           var german = document.getElementsByClassName("text__german")[0];         german.style.display = "none";        if(english.style.display == "block") {                german.style.display = "none";                       }        else {            english.style.display = "block";                    }    }    function showHideGerman() {        var english = document.getElementsByClassName("text__english")[0];        var german = document.getElementsByClassName("text__german")[0];        english.style.display = "none";        if(german.style.display == "block") {                 english.style.display = "none";          }        else {             german.style.display = "block";        }    }<button onclick="showHideEnglish();">English</button><button onclick="showHideGerman();">German</button><div class="text__english"style="display:block;">This text is English</div><br><div class="text__german" style="display:none;">dieser Text ist auf Deutsch</div><br><div class="text__english"style="display:block;">This text is English</div><div class="text__german" style="display:none;">dieser Text ist auf Deutsch</div>
查看完整描述

1 回答

?
九州編程

TA貢獻1785條經驗 獲得超4個贊

無論頁面上有多少元素,這都有效:


function showHideEnglish() {

        var german = document.getElementsByClassName("text__german");

        for (var i = 0; i < german.length; i++) {

            german[i].style.display = "none";

        }

        var english = document.getElementsByClassName("text__english"); 

        for (var i = 0; i < english.length; i++) {

            english[i].style.display = "block";            

        }

     }

    

     function showHideGerman() {

        var german = document.getElementsByClassName("text__german");

        for (var i = 0; i < german.length; i++) {

            german[i].style.display = "block";

        }

        var english = document.getElementsByClassName("text__english"); 

        for (var i = 0; i < english.length; i++) {

            english[i].style.display = "none";            

        }

     }

    <button onclick="showHideEnglish();">English</button>

    <button onclick="showHideGerman();">German</button>


    <div class="text__english" style="display:block;">This text is English</div><br>

    <div class="text__german" style="display:none;">dieser Text ist auf Deutsch</div><br>

    <div class="text__english" style="display:block;">This text is English</div>

    <div class="text__german" style="display:none;">dieser Text ist auf Deutsch</div>


查看完整回答
反對 回復 2023-07-29
  • 1 回答
  • 0 關注
  • 169 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號