最直接可靠的方法是使用 element.contains(child)，它返回布尔值，检查当前元素是否包含指定节点（包括自身及所有后代），参数必须为有效 Node 对象，否则抛出 TypeError。
判断一个元素是否包含某个子节点，最直接可靠的方法是使用 contains() 方法。
使用 element.contains(child)
这是标准、简洁且兼容性良好的方式。它返回布尔值，表示当前元素（包括自身）是否包含指定的节点（可以是子节点、后代节点，甚至就是它自己）。
- 注意：参数必须是一个有效的 Node 对象（比如 Element、Text、Comment 等），不能是字符串或选择器。
- 如果传入
null或非 Node 类型，会抛出 TypeError。 - 该方法会检查整个后代树，不只是直接子节点。
const parent = document.getElementById('container');<br>const child = document.querySelector('.item');<br>console.log(parent.contains(child)); // true 或 false
检查是否为直接子节点（仅限 immediate children）
如果明确只要判断是否为 直接子节点（即父元素的 children 或 childNodes 中的某一项），可用以下方式：
立即学习“Java免费学习笔记（深入）”；
- 用
Array.from(parent.children).includes(child)—— 只匹配元素节点（children不含文本/注释节点）。 - 用
parent.childNodes.includes(child)—— 匹配所有节点类型（包括空白文本节点），需确保 child 是同一文档中的真实节点。
避免常见错误
以下写法不可靠或不推荐：
-
parent.innerHTML.includes(htmlString)—— 比较的是字符串，不是节点结构，易误判（如属性顺序、空格、注释等）。 -
child.parentNode === parent—— 只能判断直接父节点，无法处理嵌套更深的情况；且若 child 尚未挂载，parentNode为null。 - 用
querySelector再匹配 —— 效率低，且无法确认是否是“同一个对象实例”。
跨 Shadow DOM 场景（进阶）
如果涉及 Web Components 和 Shadow DOM，默认情况下 contains() 不跨越 shadow boundary。若需穿透，可先调用 child.getRootNode({ composed: true }) 获取包含影子根的根节点，再判断其是否在 parent 的后代路径中，但通常应优先通过组件 API 明确通信，而非强行遍历。
