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 方法。该方法返回一个布尔值，表示一个元素是否为另一个元素的子孙元素。