如何确定某个元素是否存在于可见 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中文网其他相关文章！