innerhtml奇怪的Firefox問題

Question

我有這段代碼：

document.getElementById("refhome").innerHTML = "<img src='Resources/WeFix Wide Logo.png' style='height:128px;margin-left:auto;margin-right:auto;text-align:center;display:block;' />";

現在，此代碼在所有瀏覽器上都能很好地執行。 但是在Firefox中，不。

我嘗試在a中手動添加img，但仍然沒有圖片。 這是一個：

<a id="refhome" href="index.html"><object id="obj1" style="margin:0 auto;display:block;pointer-events:none;width:320px;" type="image/svg+xml" data="Resources/Wefix2.svg"></object></a>

我的JavaScript應該用img替換對象，但是在firefox中不會發生。 即使我手動將img添加到A。 但是當我用一個不同的標簽來做到這一點時：

<a id="as" href="#"><img src='Resources/WeFix Wide Logo.png' style='height:128px;margin-left:auto;margin-right:auto;text-align:center;display:block;' /></a>

沒問題。 真的不明白這里發生了什么。 為什么另一個Tag不起作用？

編輯：

找到了問題，但我不知道如何解決。 當我從對象中刪除樣式屬性時，它可以正常工作，並且不需要其他js代碼。 由於某種原因，樣式隱藏了svg，這僅在FF中發生，我在Safari，Chrome和IE中進行了測試

另一個編輯：似乎display：block隱藏了圖像...真的很奇怪。 如何使圖像居中？ 通常我將其設置為阻止，並給它一個寬度，然后margin：0自動。 如何在不顯示的情況下居中？

Answer 1

我找到了解決方法，因為顯示塊隱藏了svg，所以我使用以下代碼將其居中：

 style="display:inline-block;pointer-events:none;width:320px;"

為此，我將標簽和對象標簽插入到具有textalign中心的div中，所有工作均已完成。 無論如何，謝謝。