Javascript can'；不要在循环中创建html内容

我正在尝试使用javascript在循环中的一个html部分元素下创建新的文章html元素，该javascript从xml中读取内容，但我得到的只是循环的最后一篇文章

//variable holds a specific section element
var section = document.getElementById('articles');

//monument variable holds 2 monument elements from xml
for (var i = 0; i < monument.length; i++) {

    //create articles elements
    var article = document.createElement('article');

    //create the title of the article
    article.innerHTML += "<h3>";

    //the title variable holds 2 title elements from xml
    article.innerHTML += title[i].childNodes[0].nodeValue;
    article.innerHTML += "</h3>"

    //append article to section
    section.appendChild(article);

} //end of for

//变量保存特定的节元素
var section=document.getElementById（'articles'）；
//monument变量保存xml中的2个monument元素
对于（变量i=0；i<0.length；i++）{
//创建文章元素
var article=document.createElement（'article'）；
//创建文章的标题
article.innerHTML+=“”；
//title变量包含来自xml的2个title元素
article.innerHTML+=标题[i]。子节点[0]。节点值；
article.innerHTML+=“”
//将文章附加到节
第三节附加物（第条）；
}//结束

---

你能找出原因吗？

我将两个元素数组分配给变量进行测试

var monument = ['1', '2'],
    title = ['1', '2'];

它很好用

因此，问题在于

纪念碑

或

标题

变量

---

您显示的代码中没有任何问题

你能把你所有的代码都放在JSFIDLE中吗？我会试试，否则我会把所有的代码都放在这里。我得到的消息是“document.write在JSFIDLE环境中是不允许的，可能会弄坏你的小提琴。”是的，这也是我发现的。我试图找出标题和纪念碑变量的问题所在