与innerHTML相比，是否有创建本地dom元素的性能增强

Question

假设我想这样做：

let el = document.getElementById("some_div");
el.innerHTML = "<div><h3>Hello There</h3><div>Hello World</div></div>";

把它写成：会更好吗

let outer_div = document.createElement("div");
let h3 = document.createElement("h3");
let inner_div = document.createElement("div");
let hello = document.createTextNode("Hello World");
inner_div.appendChild(hello);
outer_div.appendChild(h3);
outer_div.appendChild(inner_div);

或者，在当今的环境中，编码是否重要？

Answer 1

我建议使用createElement。它更快更安全。假设您使用innerHTML将用户输入直接加载到DOM中。这可能是一个令人讨厌的安全漏洞。