javascript关于动态创建的问题 - JavaScript论坛

已结贴√ 问题点数：0 回复次数：4

javascript关于动态创建的问题

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www. >
<head>
    <title>无标题页</title>
    <script type="text/javascript">
        function upload() {
            var data = { "百度": "http://www.baidu.com", "新浪": "http://www., "网易": "http://www. };
            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>
我在想会不会是这里的问题

图片附件: 游客没有浏览图片的权限，请登录或注册

在<TBODY>之外执行了

我运行了以上代码以后点击"加载数据"没有反应。。为什么啊。为什么啊！！
希望广大网友帮帮忙~~

[ 本帖最后由 leechengwei 于 2011-10-7 13:57 编辑 ]

搜索更多相关主题的帖子: javascript　html　function　百度　 PUBLIC　

第 2 楼

得分:10

可以用，因FF不支持innerText，网站的名称显示不出来，改成td1.innerHTML = i;就可以了
IE下显示正常。

----我怎能在别人的苦难面前转过脸去----

第 3 楼

得分:0

回复楼主 leechengwei

修改了之后仍旧不行啊。

第 4 楼

得分:0

你的代码在非ie的浏览器上运行正常，但是在ie下，没有效果，且不报错。原因在于ie对于createElement("tr")这句的支持不是很好，时不时会出现问题。没有效果之类的。

解决方法
var tr = document.createElement("tr");
替换为：
var tr = tablelinks.insertRow();

删除以下代码：
tablelinks.appendChild(tr);

就ok了

csdn论坛给出的，希望对以后遇到此问题的人有所帮助！

第 5 楼

得分:0

可能是你的IE版本太低，不能执行。我用IE8正常。

图片附件: 游客没有浏览图片的权限，请登录或注册

[ 本帖最后由 dzt0001 于 2011-10-7 14:24 编辑 ]

----我怎能在别人的苦难面前转过脸去----