javascript - 我可以使用 insertAdjacentHTML 插入 DOM 元素吗

标签 javascript html dom

insertAdjacentHTML 需要 2 个参数:

  • 位置(“beforebegin”“afterbegin”“beforeend”“afterend”)
  • html(将从文本转换为 DOM)

我可以将 DOM 元素作为第二个参数传递吗?

最佳答案

虽然您不能直接传递 DOM 元素,可以传递 element.outerHTML 以提供 insertAdjacentHTML 的第二个参数它是 HTML 字符串表示。

例子:

const parent = document.querySelector('.parent');
const child = document.createElement('p');

child.innerHTML = 'Awesome!';
parent.insertAdjacentHTML('beforeend', child.outerHTML);

// <div class="parent">
//   <p>Awesome!</p>
// </div>

关于javascript - 我可以使用 insertAdjacentHTML 插入 DOM 元素吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24470558/

相关文章:

javascript - JSON.parse() 不工作

javascript - 将绳子分成相等的两半

javascript - 使用 Google Maps API 的多个多边形数组

javascript - jQuery 子菜单无法正确显示

javascript - 为什么 angular {{}} 语法会阻止指令中 attrs.$set 的更改?

Javascript 清除 DOM

javascript - D3 预渲染

html - 如何在 HTML/CSS 中水平对齐图像( float 和显示内联 block 不起作用)

javascript - 幸运之轮 - 最终选择与指针不匹配

javascript - 如何在不使用 jQuery 的情况下将原始 JavaScript 标签附加到 document.body