初学者问下：为什么添加不了动态的表-ASP.NET教程-爱易网页

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

日期：2014-05-17　浏览次数：20625 次

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

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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>