如何確定某個元素是否存在於可見 DOM 中？

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

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

辨識不可見元素

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

當前方法

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

存在性檢查的簡化

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

<code class="javascript">var elementExists = document.getElementById("find-me");</code>

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

檢查DOM 中的可見性

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

<code class="javascript">document.body.contains(someReferenceToADomElement);</code>

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

以上是如何確定某個元素是否存在於可見 DOM 中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！