如何檢查可見 DOM 中是否存在元素

使用 ID 在 DOM 中尋找元素是 JavaScript 中的常見任務。但是，如果您需要檢查元素是否存在而不使用此方法怎麼辦？

識別不可見元素

當一個元素從 DOM 中刪除時，它在 JavaScript 變數中的引用仍然存在。當使用 typeof 或 === null 檢查元素存在時，這可能會導致意外結果。

當前方法

isNull() 函數嘗試透過暫時設定隨機 ID 來規避此問題元素，使用 getElementById() 尋找它，然後刪除臨時 ID。如果在 DOM 中找不到該元素，則此方法傳回 true；如果找到，則傳回 false。

存在性檢查的簡化

如果目標只是檢查元素是否存在（無論其可見性），更簡單的方法是使用任何瀏覽器的元素選擇方法：

var elementExists = document.getElementById("find-me");

對於布林值超值，可用！ ！在選擇方法呼叫之前。此外，也可以使用 querySelector() 和 getElementsByTagName() 等方法。

檢查DOM 中的可見性

要專門檢查元素是否存在於可見DOM 中，可以使用contains() 方法使用：

document.body.contains(someReferenceToADomElement);

如果元素存在於DOM 中，則此方法傳回true，否則傳回false。