背景

?? 使用第三方插件的時候，有的時候會動態(tài)生成一些DOM，例如tooltip，正常情況下這些元素會在頁面銷毀的時候自動銷毀的，但是有些場景下可能沒有自動銷毀，這時候追求完美的你就需要手動去銷毀了。

前置知識點

• 單元素節(jié)點刪除

<div class="d1">刪除子節(jié)點的方式</div>
<div class="d2">刪除自身的方式</div>
<script>
let el = document.querySelector('.d1')
let parentEl = el.parentElement
parentEl.removeChild(el)
 
// 不建議【JQ方法】
let el2 = document.querySelector('.d2')
el2.remove()
</script>

遍歷刪除

let arrToolTips = document.querySelectorAll('.el-tooltip__popper')
      let arrToolTipsLen = arrToolTips.length
      for (let i = arrToolTipsLen - 1; i >= 0; i--) {
        let parent = arrToolTips[i].parentElement
        if (parent && arrToolTips[i]) {
          parent.removeChild(arrToolTips[i])
        }
 }

擴展知識【通過屬性獲取元素】

document.querySelectorAll("div[role='tooltip']")