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

Question

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

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

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

有一种万无一失的方法吗？

Answer 1

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