动态创建DOM元素的最有效方法？

Question

我必须使用JavaScript为基于Electron的应用程序创建数百个DOM元素，并且发现了多种实现方法。
我想知道在设计和性能方面

被认为是“标准”或“最有效”的一个。

---

在尝试寻找答案时，我发现了

- jQuery ：
$('body').html($('<div>', {class: 'spinner'}));

-JS的 createElement ：

var element = document.createElement("p"); 
document.body.appendChild(element);

-JS的 innerHTML ：

var element = "<div>hello world</div>";
document.body.innerHTML += element;

-JS 库，例如 MooTools

---

此选择是否个人？
是否应该将性能视为一个问题？

谢谢