因此，我在云 fireStore 中創(chuàng)建了一個(gè)數(shù)據(jù)庫(kù)，其中包含包含文檔（每個(gè)國(guó)家/地區(qū)的城市）的國(guó)家/地區(qū)集合，我還創(chuàng)建了一個(gè)函數(shù)，用于顯示包含城市列表的特定集合。當(dāng)用戶登錄網(wǎng)絡(luò)應(yīng)用程序時(shí)，用戶必須選擇國(guó)家和城市，之后用戶將看到特定國(guó)家的城市列表。問(wèn)題是這樣的。當(dāng)我調(diào)用 function 時(shí)showUkraine()，我得到烏克蘭城市列表，之后當(dāng)我調(diào)用 function 時(shí)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 回答
長(zhǎng)風(fēng)秋雁
TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超7個(gè)贊
看來(lái)您之前每次都必須從 rowDiv 中刪除所有子級(jí)showPoland()并被showUkraine()調(diào)用？
嘗試這個(gè)：
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();
}
}
倚天杖
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊
嘗試這個(gè)，
您可以通過(guò)以下方式清除元素內(nèi)的整個(gè) html 內(nèi)容：
document.getElementById("id of element").innnerHTML = null;
例子：
<div id="key_id">
<!-- html contents -->
</div>
<script>
document.getElementById("key_id").innnerHTML = null;
</script>
- 2 回答
- 0 關(guān)注
- 165 瀏覽
添加回答
舉報(bào)
0/150
提交
取消