如何替換HTML元素，同時保持頁面上所有其他元素的位置相同

Question

假設您位於第三方網頁上，因此除了JavaScript之外，您無法控制頁面。

您想用一個空的DOM節點替換一個元素，但是您希望該頁面爲頁面上的所有其他元素保持相同的位置。你不知道元素將會是什麼以及網頁上的風格是什麼。

如果用DIV替換元素，並且手動將該div的寬度和高度設置爲與替換的元素相同，那麼您幾乎就是在那裏。但是，您不知道頁面上是否有其他樣式適用於DIV並將其弄亂。另外，如果替換的元素左右浮動，或者是display:inline，則用DIV替換它可能會弄亂頁面上其他元素的位置。

有沒有一種萬無一失的方法來做到這一點？

Answer 1

而不是取代整個元素，你可以扔掉它的內容。但是，它仍然可以有邊框和背景圖像，更不用說像鼠標懸停這樣的事件處理程序了，所以有很多尷尬的情況。