HTML DOM Element insertAdjacentHTML() 方法
示例
在 header 元素後插入一個新的 <p> 元素
const h2 = document.getElementById("myH2");
let html = "<p>My new paragraph.</p>";
h2.insertAdjacentHTML("afterend", html);
自己動手試一試 »
描述
insertAdjacentHTML() 方法在指定位置插入 HTML 程式碼。
合法位置
| 值 | 描述 |
|---|---|
| afterbegin | 在元素開始之前（第一個子元素之前） |
| afterend | 在元素之後 |
| beforebegin | 在元素之前 |
| beforeend | 在元素結束之前（最後一個子元素之後） |
語法
element.insertAdjacentHTML(position, html)或
node.insertAdjacentHTML(position, html)
引數
| 引數 | 描述 |
| position | 必需。 相對於元素的位置 afterbegin afterend beforebegin beforeend |
| html | 要插入的 HTML。 |
更多示例
示例
使用 "afterbegin"
let html = "<span style='color:red'>My span</span>"; h2.insertAdjacentHTML("afterbegin", html);
自己動手試一試 »
瀏覽器支援
element.insertAjacentHTML() 在所有瀏覽器中都受支援
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
