javascript - 将 div 附加到正文

标签 javascript performance

我有一个html页面,我试图将一个div附加到body中,只要div附加在body标签中,它附加在哪里并不重要。我知道 document.getElementById 很昂贵,因为它在 DOM 树上执行搜索。我正在考虑的另一个选择是 document.body 并附加 div 主体。还有其他选择比这两个更好吗?

最佳答案

如果您有 DOM 元素:

document.body.appendChild(divElement);

如果您没有 DOM 元素,只有一个字符串:

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

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

关于javascript - 将 div 附加到正文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17552413/

相关文章:

Swazoo 和 Komanche 之间的性能差异?

javascript - 将 jQuery 转换为原型(prototype) JS

javascript - For in 循环显示 img 标签而不是实际的 Giphy gif

javascript - 正确处理异步/等待中的错误

sql - 查询速度是否取决于表中的行数?

python - .isin() 比 .query() 快吗

MySQL - 我如何知道我的查询已调整?

php - jQuery 通过 $.post 触发点击

javascript - 链式 jQuery promises with abort

c++ - 与 2,3 和更多整数的子集和相关的想法