Question

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

//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

你能弄明白为什么吗？

Answer 1

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

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

http://jsfiddle.net/YP7fj/

工作正常。

因此，问题出在您的monument或title变量中。

您展示的代码没有任何问题。

无法在循环中创建html内容

1 个答案: