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

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

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

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

相关资料更多>

  1. 关于tabPanle隐藏的有关问题
  2. 这篇文章很不错，推荐大伙儿都看看_Asp.NET Framework
  3. 怎么控制Gridview编辑时候的列的长度
  4. 来~帮小弟我解决个有关问题 ~
  5. 在Asp.Net中，怎样实现类似工具箱那样的控件，点击不同的分类出现不同的具体内容？或则哪里有这样的第三方控件？解决方案
  6. 怎样把silverlightMultiFileUploader 加入到asp.net 网站中。多谢
  7. 读取XML配置，出现401无权限有关问题，求解决，全部分了
  8. 小弟我在执行某一方法前先判断是否符合某一条件如果符合则弹出对话框以选择‘确定’‘取消’，如果选择了‘确定’就继续执行下面的代码，否则
  9. 严重有关问题：关于asp.net插入数据的有关问题