element.insertAdjacentHTML(position, text);
position 是相对于 element 元素的位置,并且只能是以下的字符串之一:
beforebegin:在 element 元素的前面。
afterbegin:在 element 元素的第一个子节点前面。
beforeend:在 element 元素的最后一个子节点后面。
afterend:在 element 元素的后面。
text 是字符串,会被解析成 HTML 或 XML,并插入到 DOM 树中。
//
one
var d1 = document.getElementById(‘one’);
d1.insertAdjacentHTML(‘afterend’, ‘two’);
// 此时,新结构变成:
//
onetwo
如果觉得《原生JS如何在在指定位置插入元素 前面 后面》对你有帮助,请点赞、收藏,并留下你的观点哦!