追加和前置方法
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 阅读更多内容