javascript - 如何使用 JS 从 ajax 调用中写出 HTML

Question

这可能看起来有点简单，但我尝试了很多方法，但没有一个能按预期工作。

我有来自 ajax 调用的值，并且我将这些值显示到 <table> 。数据一开始不会被看到(css - display:none )，但是 onclick涉及一个显示所述数据的对话框的函数。

以这些方式写出数据不起作用:

var text = "Example Data<br>";

var text = document.createTextNode("Example Data" + document.createElement('br'));

var text = document.createTextNode("Example Data");
    text += document.createElement('br');

后者输出 [object Text][object HTMLBRElement]

如何正确地写这个？

Answer 1

您无法连接节点对象(尝试使用 + 这样做会首先将它们转换为字符串)。

找到要追加已创建节点的元素，然后对其重复调用 appendChild。

var text = document.createTextNode("Example Data");
someElement.appendChild(text);
someElement.appendChild(document.createElement('br'));