javascript - 如何替换 HTML 元素同时保持页面上所有其他元素的位置相同

Question

假设您在第三方网页上，因此您无法控制该页面，除了您的 javascript。

您想用一个空 DOM 节点替换一个元素，但您希望该页面对页面上的所有其他元素保持相同的定位。你不知道元素是什么，网页上的样式是什么。

如果用 DIV 替换元素，并手动将那个 div 的宽度和高度设置为与被替换元素相同，那么就差不多了。但是，您不知道页面上是否有任何其他样式适用于 DIV 并把事情搞砸了。此外，如果被替换的元素向左或向右浮动，或者是 display:inline，则用 DIV 替换它可能会弄乱页面上其他元素的位置。

有没有万无一失的方法来做到这一点？

Answer 1

您可以不替换整个元素，而是丢弃其内容。然而，它仍然可以有边框和背景图像，更不用说像鼠标悬停这样的事件处理程序了，所以有很多尴尬的情况。