初学者问下：为什么添加不了动态的表_ASP.NET

菜鸟问下：为什么添加不了动态的表？

HTML code

<html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>创建动态表格</title>    <script type="text/javascript">        function creatlinks() {            var tablelinks = document.getElementById("tablelinks");            var dat = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com", "搜狐": "http://www.sohu.com", "中华": "http://www.china.com", "网易": "http://www.163.com" };            for (var key in dat) {                var value = dat[key];                var tr = document.createElement("tr");                var td1 = document.createElement("td");                td1.innerText = key;                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="creatlinks()"/></body></html>

------解决方案--------------------------------------------------------
试了下，ie7可以的噢。。。
------解决方案--------------------------------------------------------
innerText不是每个浏览器都支持的。。。。哥
------解决方案--------------------------------------------------------
你用拼接吧。 IE table 不支持innerHTML 的
<div id='_div'>
innerHTML =拼接好的 table
</div>
------解决方案--------------------------------------------------------
要先加一个tbody,然后tbody.appendChild(tr);

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>创建动态表格</title>
<script type="text/javascript">
function creatlinks() {
var tablelinks = document.getElementById("tablelinks");
var tbody = document.createElement("tbody");
var dat = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com", "搜狐":

"http://www.sohu.com", "中华": "http://www.china.com", "网易": "http://www.163.com" };
for (var key in dat) {
var value = dat[key];

var tr = document.createElement("tr");

var td1 = document.createElement("td");
td1.innerHTML = key;
tr.appendChild(td1);

var td2 = document.createElement("td");
td2.innerHTML = "<a href='" + value + "'>" + value + "</a>";
tr.appendChild(td2);

tbody.appendChild(tr);

}
tablelinks.appendChild(tbody);
}
</script>
</head>
<body>

<table id="tablelinks"></table>
<input type="button" value="添加网址导航" onclick="creatlinks()"/>

</body>