追加和前置方法

Created: November-22, 2018

JavaScript 現在有了 jQuery 中出現的 Append 和 Prepend 方法

append 和 prepend 的主要優點與 appendChild 和 insertBefore 不同，它可以使用 HTML 元素或純文字（將轉換為文字節點）的任意數量的引數。

附加說 1 個 div，1 個文字節點和 1 個 span

document.body.append(document.createElement('div'),"Hello world",document.createElement('span'))

這會將頁面更改為以下結構

<body>
      .....(other elements)
      <div></div>
      "Hello World"
      <span></span>
</body>

在體內加上相同的

使用

document.body.prepend(document.createElement('div'),"Hello world",document.createElement('span'))

這會將頁面更改為以下結構

<body>
      <div></div>
      "Hello World"
      <span></span>
      .....(other elements)
</body>

請注意，瀏覽器支援

Chrome
54+ Firefox 49+
Opera 39+

在 MDN 閱讀更多內容