代码片段】JS对在DOM文档中指定位置插入元素

最新推荐文章于 2023-09-07 09:58:22 发布

书中枫叶

最新推荐文章于 2023-09-07 09:58:22 发布

阅读量440

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/html0010/article/details/130858129

版权

    const insertionHeight = 3.78 * 290;
    const newParagraph = document.createElement('p');
    newParagraph.style.height="50px";
    newParagraph.style.backgroundColor="red";

    const container = document.body; // 假设插入元素在文档的顶层元素中 *在哪个元素内插入

    // 遍历文档中所有的元素
    let closestElement = container;
    let distanceToClosest = Math.abs(insertionHeight - closestElement.offsetTop);
    for (const element of container.getElementsByTagName('*')) {
        const distance = Math.abs(insertionHeight - element.offsetTop);
        if (distance < distanceToClosest) {
            closestElement = element;
            distanceToClosest = distance;
        }
    }
    // 在距离所需高度最近的元素前面插入新元素
    closestElement.parentNode.insertBefore(newParagraph, closestElement);