javascript - innerHTML 导致 ul 自动关闭

Question

我试图通过从缓存的文本文件中提取并循环浏览推文来显示 Twitter 提要。工作正常，直到我尝试将这些推文变成一个列表。 li 元素正确地附加到 innerHTML，但开头的 ul 自动关闭，结尾的 ul 消失。

function twitterStatusCallback(obj) {
   if(obj && obj.length){
       document.getElementById('twitter_status').innerHTML += "<ul>";
       var len = obj.length;

      for(var i = 0; i < len; i++){
    //Only get tweets less than 7 days old.
    if ((relativeTimeNumeric(obj[i].created_at)) < (8*24*60*60)) { 

    var tweet = obj[i];

        document.getElementById('twitter_status').innerHTML += "<li>" + linkify(tweet.text);
        document.getElementById('twitter_status').innerHTML += relativeTime(tweet.created_at) +"</li>";

   }
   }
  document.getElementById('twitter_status').innerHTML += "</ul>"; 
}
 }

Answer 1

如何构建一个字符串，然后在它完全构建后将其分配给 innerHTML(这样你就不会注入(inject)损坏的 html)。将损坏的 html 一点一点地发射到浏览器中肯定会导致问题，因为浏览器无法存储损坏的 dom 树。