javascript - 将 div 附加到正文

Question

我有一个 html 页面，我正在尝试将一个 div 附加到正文中，只要 div 位于正文标记中，它的附加位置就无关紧要。我知道 document.getElementById 很昂贵，因为它在 DOM 树上执行搜索。我正在考虑的另一个选项是 document.body 并附加 div 正文。还有比这两个更好的选择吗？

Answer 1

如果你有 DOM 元素：

document.body.appendChild(divElement);

如果您没有 DOM 元素，则只有一个字符串：

document.body.innerHTML += "<div>yay, I'm on body!</div>";

而且，据您所知，document.getElementById 它不用于在 DOM 中附加内容。它只是返回给你的 DOM 元素，如果它存在的话，通过 ID 搜索。而且它并不昂贵 - 实际上，它是搜索元素的更快方式！