判断两个并列dom是否包含在内
对于DOM元素是否包含在内，可以根据以下规则判断：
判断是否满足以下条件：
如果满足上述条件，则表示要判断元素包含在容器元素内。
具体示例如下：
function isContained(element, container) {
const containerRect = container.getBoundingClientRect();
const elementRect = element.getBoundingClientRect();
return (
elementRect.top >= containerRect.top &&
elementRect.left >= containerRect.left &&
elementRect.bottom <= containerRect.bottom &&
elementRect.right <= containerRect.right
);
}
const mark = document.querySelector(".mark");
const item1 = document.querySelector(".item1");
const item2 = document.querySelector(".item2");
const item3 = document.querySelector(".item3");
console.log("Item 1 is contained:", isContained(item1, mark));
console.log("Item 2 is contained:", isContained(item2, mark));
console.log("Item 3 is contained:", isContained(item3, mark));运行以上代码，会在控制台中输出：
Item 1 is contained: true Item 2 is contained: true Item 3 is contained: false
通过调用 isContained 函数，我们可以判断出 item1 和 item2 都包含在 mark 元素内，而 item3 不包含在 mark 元素内。
以上就是如何判断两个并列 DOM 元素是否包含在另一个 DOM 元素内？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
631
收藏
