判断一个DOM元素是否包含另一个DOM元素的方法

MggnHaskell

于 2023-10-10 07:33:58 发布

阅读量466

点赞数

文章标签： javascript 前端开发语言 DOM

本文链接：https://blog.csdn.net/MggnHaskell/article/details/133734261

版权

92 篇文章 2 订阅 ¥59.90 ¥99.00

订阅专栏

这篇博客介绍了JavaScript中判断一个DOM元素是否包含另一个DOM元素的三种方法：使用parentNode属性遍历DOM树，利用contains()方法直接判断，以及通过compareDocumentPosition()方法比较元素关系。这些方法适用于前端开发中需要检查元素包含关系的场景。

摘要由CSDN通过智能技术生成

在JavaScript中，我们经常需要判断一个DOM元素是否包含另一个DOM元素。这种情况可能发生在我们需要执行特定操作的条件下，例如当用户与页面进行交互时，我们需要检查某个元素是否包含另一个元素。下面将详细介绍几种方法来实现这一功能。

方法一：使用parentNode属性
DOM元素的parentNode属性返回其父节点。我们可以使用这个属性来逐级向上遍历DOM树，直到找到包含另一个DOM元素的父节点。如果找到匹配的父节点，则说明目标DOM元素包含在其中。

function isElementContained(element, target) {
   
  while (element) {
   
    if (element === target

了解本专栏

关注

专栏目录