HTML | DOM contains() 方法

简介

contains() 方法是 JavaScript 中的 DOM 方法，通常用于判断一个元素是否是另一个元素的后代节点。该方法返回一个布尔值，如果被查询的元素是后代元素，则返回 true，否则返回 false。

语法

element.contains(childElement)

• element：要检查的父元素。
• childElement：要检查的子元素。

返回值

• 如果 childElement 是 element 的一个子孙元素，则该方法返回 true。
• 如果 childElement 不是 element 的子孙元素，则该方法返回 false。

示例

HTML

<div id="parent">
  <div id="child">A child element.</div>
</div>

JavaScript

let parent = document.getElementById("parent");
let child = document.getElementById("child");
console.log(parent.contains(child)); // true
console.log(child.contains(parent)); // false

在上述示例中，我们首先使用 getElementById() 方法获取了 parent 元素和 child 元素，然后分别调用 contains() 方法，检查 child 元素是否是 parent 元素的后代元素。第一次调用返回 true，第二次调用返回 false。

注意事项

1. 如果 element 和 childElement 是同一个元素，则 contains() 方法返回 true。
2. contains() 方法不仅可以检查子元素，也可以检查后代元素，只要 childElement 存在于 element 的任何层次结构中，都会被视为 true。
3. IE8 及更早版本不支持 contains() 方法，如果需要兼容旧版浏览器，需要使用其它方法代替。