HTML DOM 元素 insertAdjacentHTML()
示例
在标题元素之后插入一个新的 <p> 元素
const h2 = document.getElementById("myH2");
let html = "<p>我的新段落。</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'>我的跨度</span>"; h2.insertAdjacentHTML("afterbegin", html);
尝试一下 »
浏览器支持
element.insertAjacentHTML() 在所有浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
