javascript - 如何使用纯 JS 创建 5 个 ，其中包含 5 个文本节点

Question

我有 ajax api 响应 array [1]其中包含 5 条文字 nodes [i] 。我想将每个文本节点放在单独的 <p> 中而不是多合一<p>正如我在代码中所做的那样，我可以为每个链接创建链接并添加一些文本作为描述。

这是标记，

<div class="container"></container>

我的代码:

var p = document.createElement('P');
var container = document.querySelector('.container');
container.appendChild(p);

for(var i=0;i<parsed_json[1].length;i++){
    p.innerHTML += parsed_json[1][i];
}

Answer 1

var container = document.querySelector('.container');
for(var i=0;i<parsed_json[1].length;i++){
 var p = document.createElement('P');
 var textnode = document.createTextNode(parsed_json[1][i]);
 p.appendChild(textnode);
 container.appendChild(p);
}