的JavaScript element.prepend VS element.insertAdjacentElement

Question

現代瀏覽器實現以下有用的方法：

• .prepend()
• .append()
• .before()
• .after()

這是一個值得歡迎的除了。

他們也執行.insertAdjacentElement()，據我所知，將取得同樣的結果，雖然稍微冗長些。

除了語法，新的方法和（稍微）更老的.insertAdjacentElement()之間有實際區別嗎？

我知道微軟瀏覽器中尚未提供更新的方法，但即使在IE8中也可以使用.insertAdjacentElement()，所以填充不應該很難。

Answer 1

據我所知，除了語法之外，沒有什麼顯着差異。

新方法可以接受多個參數，其中每個參數可以是節點或字符串。 insertAdjacentElement需要一個位置（字符串）和一個節點。如果你想插入多個節點，你將不得不多次調用它。如果您想插入文字，則必須改用insertAdjacentText。

該規範是我能找到的最好來源：

• https://dom.spec.whatwg.org/#dom-parentnode-prepend
• https://dom.spec.whatwg.org/#dom-element-insertadjacentelement