菜鸟问下：为什么添加不了动态的表？
- 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>