如何查看一个元素是否在另一个元素内

function isElementInContainer(element, container) {
    // 获取两个元素的边界矩形
    const elementRect = element.getBoundingClientRect();
    const containerRect = container.getBoundingClientRect();

    // 检查元素是否在容器的边界矩形内
    return (
        elementRect.top >= containerRect.top &&
        elementRect.left >= containerRect.left &&
        elementRect.bottom <= containerRect.bottom &&
        elementRect.right <= containerRect.right
    );
}

// 使用示例
const container = document.getElementById('container');
const element = document.getElementById('element');

if (isElementInContainer(element, container)) {
    console.log('元素在容器内');
} else {
    console.log('元素不在容器内');
}