document.querySelector(".sxtj1").onclick = function() {
for (let i = 1; i < tableth.length; i++) {
tableth[i].querySelectorAll("td")[2].remove()
tableth[i].querySelectorAll("td")[4].remove()
}
tableth[0].querySelectorAll("th")[2].remove()
tableth[0].querySelectorAll("th")[4].remove()
}
document.querySelector(".sxtj2").onclick = function() {
for (let i = 1; i < tableth.length; i++) {
tableth[i].querySelectorAll("td")[2].remove()
tableth[i].querySelectorAll("td")[4].remove()
}
tableth[0].querySelectorAll("th")[2].remove()
tableth[0].querySelectorAll("th")[4].remove()
}
點擊sxtj1的時候洗掉元素,但是只洗掉一次,再次點則不會繼續洗掉, 點擊sxtj2的時候 恢復到洗掉之前的,請問如何做呢?
uj5u.com熱心網友回復:
1、把初始化(洗掉之前的內容)保存下來存到一個變數里面;2、定義一個 變數 isdelete = false,點擊sxtj1時判斷這個變數是否為true,為true則return,不為true把變數改為 true;
3、點擊sxtj2的時候,把第一步保存的資料渲染一下就行
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/232323.html
標籤:JavaScript
