从JavaScript呈现HTML

我正在开发一个插件，其中UI只能在

JavaScript

中呈现。 我上次在JS工作已经很久了

因此，我想知道是否有比写作更好的方法：

document.getElementById("XXXX").innerHTML....

任何方法（甚至框架）都是受欢迎的

多谢各位

---

p.S-我写的插件是为sonarqube编写的。

如果你使用jQuery，那么$（选择器）。html（“…”）起作用。

如果你使用jQuery，那么$（选择器）。html（“…”）起作用。

一种常见的方法是将

document.createElement

与

节点相结合。appendChild

（刚刚创建的元素）

看,

及

从历史上看，innerHTML由于性能更好而受到青睐，但如果我没记错的话，这种差异几乎不明显，在我看来，它要漂亮得多

例如：

var container = document.getElementById("myContainer");
var myParagraph = document.createElement("p");
var hello = document.createTextNode("Hello World.");

myParagraph.appendChild(hello);
container.appendChild(myParagraph);

---

一种常见的方法是将

document.createElement

与

Node.appendChild

（刚刚创建的元素）结合使用

看,

及

从历史上看，innerHTML由于性能更好而受到青睐，但如果我没记错的话，这种差异几乎不明显，在我看来，它要漂亮得多

例如：

var container = document.getElementById("myContainer");
var myParagraph = document.createElement("p");
var hello = document.createTextNode("Hello World.");

myParagraph.appendChild(hello);
container.appendChild(myParagraph);

---

试试React JS，或者Angulari如果你要处理JSON数据，使用一个模板引擎，比如HandlebarsTry React JS，或者Angulari如果你要处理JSON数据，使用一个模板引擎，比如HandlebarsYea，它的工作伙伴。。快乐编码：）是的，它的工作伙伴。。快乐编码：）