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

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

如何在調用函數之前明確div?

如何在調用函數之前明確div?

慕容708150 2024-01-11 10:45:16
因此,我在云 fireStore 中創建了一個數據庫,其中包含包含文檔(每個國家/地區的城市)的國家/地區集合,我還創建了一個函數,用于顯示包含城市列表的特定集合。當用戶登錄網絡應用程序時,用戶必須選擇國家和城市,之后用戶將看到特定國家的城市列表。問題是這樣的。當我調用 function 時showUkraine(),我得到烏克蘭城市列表,之后當我調用 function 時showPoland(),我得到烏克蘭城市之后的波蘭城市列表,但我想清除烏克蘭城市并且只有波蘭城市。這是 JAVA SCRIPT 代碼:function showUkraine(){    db.collection("Ukraine").get().then(function(querySnapshot) {      querySnapshot.forEach(function(doc) {          // doc.data() is never undefined for query doc snapshots          console.log(doc.id, " => ", doc.data());          renderCountries(doc);      });    });    }    function showPoland(){    db.collection("Poland").get().then(function(querySnapshot) {      querySnapshot.forEach(function(doc) {          // doc.data() is never undefined for query doc snapshots          console.log(doc.id, " => ", doc.data());          renderCountries(doc);      });    });    }    function selectCountry(){        var x = document.getElementById("country-list");        var result = x.options[x.selectedIndex].text;        if(result =="Ukraine"){          showUkraine();        }        else if(result=="Poland"){          showPoland();        }      }     function renderCountries(doc){    var colDiv = document.createElement("div");    colDiv.className = "col s12 m8 offset-m2 l4 offset-l";    // m4 s12 l4    // "col s12 m3 offset-m2 l4 offset-l"    rowDiv.appendChild(colDiv);     var cardDiv = document.createElement("div");    cardDiv.classList.add("card");    var cardImageDiv = document.createElement("div");    cardImageDiv.className= "card-image waves-effect waves-block waves-light";    cardDiv.appendChild(cardImageDiv);    var imgTag = document.createElement("img");    imgTag.className = "activator"    imgTag.setAttribute("src", doc.data().img);    cardImageDiv.appendChild(imgTag);    var cardContentDiv = document.createElement("div");    cardContentDiv.classList.add("card-content");    cardDiv.appendChild(cardContentDiv);}
查看完整描述

2 回答

?
長風秋雁

TA貢獻1757條經驗 獲得超7個贊

看來您之前每次都必須從 rowDiv 中刪除所有子級showPoland()并被showUkraine()調用?


嘗試這個:


function selectCountry() {

    var x = document.getElementById("country-list");

    var result = x.options[x.selectedIndex].text;


    while (rowDiv.firstChild) {

         rowDiv.removeChild(rowDiv.firstChild);

    }


    if (result == "Ukraine") {

         showUkraine();

    } else if (result == "Poland") {

         showPoland();

    }

}


查看完整回答
反對 回復 2024-01-11
?
倚天杖

TA貢獻1828條經驗 獲得超3個贊

嘗試這個,


您可以通過以下方式清除元素內的整個 html 內容:


document.getElementById("id of element").innnerHTML = null;

例子:


<div id="key_id">

    <!-- html contents -->

</div>


<script>

    document.getElementById("key_id").innnerHTML = null;

</script>


查看完整回答
反對 回復 2024-01-11
  • 2 回答
  • 0 關注
  • 168 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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