如果父元素包含子元素，JavaScript 中如何返回 true？

1. 父元素包含子元素

在 HTML 中，一个元素可以包含另一个元素，例如：

<div>
  <p>这是一个段落。</p>
</div>

在这个例子中，<div> 元素包含了一个<p> 元素。在 JavaScript 中，我们可以使用 DOM（文档对象模型）来操作 HTML 元素。

2. JavaScript 如何返回 true？

在 JavaScript 中，有不同的方式可以判断某个条件是否为 true，例如：

if (condition) {
  // 当条件为 true 时执行的代码
}

条件可以是任何表达式，例如：

if (1 + 1 === 2) {
  console.log('1 + 1 is equal to 2');
}

在这个例子中，条件 1 + 1 === 2 返回 true，因此代码块中的语句会被执行。

2.1. 判断父元素是否包含子元素

我们可以使用 DOM API 中的 contains 方法来判断一个父元素是否包含某个子元素。

const parent = document.querySelector('.parent');
const child = document.querySelector('.child');
const isChildInParent = parent.contains(child);
console.log(isChildInParent); // true 或 false

在这个例子中，我们首先使用 querySelector 方法获取了一个父元素 .parent 和一个子元素 .child。然后使用 contains 方法判断 .parent 是否包含 .child，并将结果保存到变量 isChildInParent 中。

如果 .parent 包含 .child，则 isChildInParent 为 true，否则为 false。

2.2. 示例代码

下面是一个完整的示例代码：

<div class="parent">
  <p>这是父元素。</p>
  <div class="child">
    <p>这是子元素。</p>
  </div>
</div>

const parent = document.querySelector('.parent');
const child = document.querySelector('.child');
const isChildInParent = parent.contains(child);
console.log('isChildInParent:', isChildInParent); // true

在这个例子中，我们创建了一个包含两个元素的HTML页面，一个父元素 <div class="parent"> 和一个子元素 <div class="child">，其中 .child 是 .parent 的子元素。

然后我们使用 querySelector 方法来获取这两个元素，然后使用 contains 方法来判断 .parent 是否包含 .child。由于 .child 是 .parent 的子元素，因此 isChildInParent 返回 true。

3. 总结

在 JavaScript 中，可以使用 DOM API 来操作 HTML 元素。要判断一个父元素是否包含某个子元素，可以使用 contains 方法。该方法返回一个布尔值，表示一个元素是否为另一个元素的子孙元素。