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);
代码片段】JS对在DOM文档中指定位置插入元素
最新推荐文章于 2024-03-13 16:20:33 发布