关于javascript动态创建的问题

代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript">
        function upload() {
            var data = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com", "网易": "http://www.163.com" };
            var tablelinks = document.getElementById("tablelinks");
            
            for (var i in data) {
                var tr = document.createElement("tr");
                var value = data[i];
                
                var td1 = document.createElement("td");
                td1.innerText = i;
                tr.appendChild(td1);
                
                var td2 = document.createElement("td");
                td2.innerHTML = "<a href='" + value + "'>" + value + "</a>";
                tr.appendChild(td2);
                tablelinks.appendChild(tr);
            }
            
        }
    </script>
</head>
<body>
<table id="tablelinks"></table>
<input type="button" value="加载数据" onclick="upload()" />
</body>
</html>我运行了以上代码以后点击"加载数据"没有反应。。为什么啊。为什么啊！！
希望广大网友帮帮忙~~