JS单击链接向表添加行

Question

编辑：我搞定了！事实证明我编写了innerHtml而不是innerHTML。我可以关闭此主题。

我正在尝试使用JS将用户最近点击的链接放入表行，每次单击链接时都会创建一行。显示的链接列表也是使用JS生成的。

我遇到的问题是，当我点击链接时，表格会创建一个空行。

这是JS。

function processLinks()
{
    var linksList = document.links; // get the document's links
    var contents = "";

    for ( var i = 0; i < linksList.length; ++i )
    {
        var currentLink = linksList[ i ];
        contents += "<p style =\"background-color:red\"><a href='" + currentLink.href +  "'    
        target='_blank' id='link" + i + "'>" + 
        currentLink.innerHTML + "</a></p>";
    }

    // if user click link var currentLink = linksList[ index of link user clicked ];
    //create table
    //document.getElementById("link + index to specify element 0,1,2,3, etc for   
    //id").onclick

    document.getElementById( "links" ).innerHTML = contents;

} // end function processLinks

function insertLink(e)
{
    var linksList = document.links; // get the document's links
    var contents = "";

    for (var i = 0; i < linksList.length; ++i)
    {
        if(document.getElementById("link" + i) )
        {
            var currentLink = linksList[i];

            contents += "<p><a href='" + currentLink.href +  "' target='_blank'    
            id='link" + i + "'>" + 
                currentLink.innerHTML + "</a></p>";

            tbody = document.getElementById("tableBody");
            var row = document.createElement("tr");
            var cell = document.createElement("td");

            cell.innerHtml = contents;

            row.appendChild(cell);
            tbody.appendChild(row);
        }
    }
    document.getElementById("tableBody").onclick = function(){insertLink()};
}

document.addEventListener("click", insertLink, false);
window.addEventListener( "load", processLinks, false );