请问大家,一个点击删除元素的问题

qingwadaxia_1 2020-12-09 11:06:51
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的时候 恢复到删除之前的,请问如何做呢?
...全文
4079 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
gqkmiss 2020-12-09
  • 打赏
  • 举报
回复
1、把初始化(删除之前的内容)保存下来存到一个变量里面; 2、定义一个 变量 isdelete = false,点击sxtj1时判断这个变量是否为true,为true则return,不为true把变量改为 true; 3、点击sxtj2的时候,把第一步保存的数据渲染一下就行

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧