从JavaScript在HTML上打印文本

我有这个循环

<script>
...
for(i = 0;i < json.length;i++){      
  document.getElementById("pText").innerHTML = json[i].name;
  document.getElementById("pLink").setAttribute("href",json[i].html_url);
}
</script>

它可以打印我想要的所有内容，但它可以替换整个页面。

---

我该怎么做？我是否需要为每个循环创建一个id？如

“pText1、pText2等。

为该循环创建一个容器元素，并按照您的想法添加html

<div id="container"></div>

然后在javascript中

var container = document.getElementById('container');
var my_html = '';
for(var i = 0;i < json.length;i++){  
  my_html += '<a href="' + json[i].html_url + '\">';
  my_html += '<p>'+  json[i].name + '</p>'
  my_html += '</a>'
}
container.innerHTML = my_html;

var container=document.getElementById（'container'）；
var my_html=''；
对于（var i=0；i

我们在这里所做的是根据需要多次将内容添加到字符串中，然后将其添加到容器中，这样它就已经有了所有的循环

若您想使用这个代码，您必须写“+=”而不是“=”

var json=[
{“名称”：“名称1”，“html_url”：”http://www.example.com"},
{“名称”：“名称2”，“html_url”：”http://www.example.com"},
{“名称”：“名称3”，“html_url”：”http://www.example.com"}
];
for（var i=0；i”；
document.getElementById（“pLink”）.setAttribute（“href”，json[i].html\uURL）；
}

我将按以下方式进行：

let json=[{'name'：'Google'，'html\u url'：'https://www.google.com/“}，{'name'：'Facebook'，'html_url'：'https://www.facebook.com/“}，{'name'：'Twitter'，'html_url'：'https://twitter.com/?lang=en'}];
let item=document.querySelector（“.pLink”）
对于（让j=1；jPlease，创建一个代码段或JSFIDLE）
document.getElementById("pText").innerHTML = json[i].name;
document.getElementById("pLink").setAttribute("href",json[i].html_url);

<div id="container"></div>

var container = document.getElementById('container');
var my_html = '';
for(var i = 0;i < json.length;i++){  
  my_html += '<a href="' + json[i].html_url + '\">';
  my_html += '<p>'+  json[i].name + '</p>'
  my_html += '</a>'
}
container.innerHTML = my_html;

document.getElementById("pText").innerHTML = json[i].name;
document.getElementById("pLink").setAttribute("href",json[i].html_url);