JavaScript 不工作？

Question

由于某种原因这不起作用？我想用一些项目填充 ul#list，但它不起作用。

var list = "";
for (var i = 0 ; i<=history.length; i++) {
    list += "<li onclick=\"copyShortURL('"+history[i].shortURL+"');\"><div class=\"short\">"+history[i].shortURL+"</div><div class=\"long\">"+history[i].longURL+"</div></li>";
}
document.getElementById('list').innerHTML = list;

谁能告诉我出了什么问题:(我的意思是它没有做任何事情，没有列表项被放入列表中？

附注这仅适用于 mobilesafari :)

Answer 1

createElement方法document采用单个字符串作为您要创建的元素名称。然后，您可以使用 DOM 方法和属性来分配点击处理程序，然后使用 innerHTML 或 DOM 方法创建内部元素。

您的循环中还有一个错误:您需要 <相反<=检查 history 的长度时数组。

var ele, div, list = document.getElementById("list");

var createClickHandler = function(url) {
    return function() {
        copyShortURL(url);
    };
}

for (var i = 0, len = history.length; i < len; ++i)
     {
     ele = document.createElement("li");
     ele.onclick = createClickHandler(history[i].shortURL);

     div = ele.appendChild( document.createElement("div") );
     div.className = "short";
     div.appendChild( document.createTextNode(history[i].shortURL) );

     div = ele.appendChild( document.createElement("div") );
     div.className = "long";
     div.appendChild( document.createTextNode(history[i].longURL) );

     list.appendChild(ele);
     }