黑马程序员技术交流社区

标题: HTML问题 [打印本页]

作者: 丁官林    时间: 2012-4-15 22:26
标题: HTML问题
本帖最后由 丁官林 于 2012-4-16 11:58 编辑

这段始终单击按钮运行不出来,我不知道错在了哪里?哪位大侠帮帮忙,谢谢!

<head>
    <title></title>
    <script type="text/javascript">
        function LoadData(){
            var data = {"百度":"http://www.baidu.com","传智":"http://www.itcast.cn"};
            var tableLinks = document.getElementById("tableLinks");
            for (var key in data) {
                var tr = document.createElement("tr");
                var value=data[key];

                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="加载" />
</body>
作者: 孙杰    时间: 2012-4-15 22:49
你是ie几  试试这样可不可以
var tablelinks = document.getElementById("tablelinks");
            var data ={"百度":"http://www.baidu.com","传智":"http://www.itcast.cn"};
            for (var key in data) {
                var value = data[key];
                var tr = tablelinks.insertRow(-1);
                var td1 = tr.insertCell(-1);
                td1.innerText = key;
                var td2 = tr.insertCell(-1);
                td2.innerHTML = "<a href='" + value + "'>" + key + "</a>";
作者: 林其响    时间: 2012-4-16 09:16
首先你这段代码在IE上运行是有问题 在Mozi Firefox运行正常



对于这段代码
var tr = tablelinks.insertRow(-1);
                var td1 = tr.insertCell(-1);
                td1.innerText = key;
                var td2 = tr.insertCell(-1);
                td2.innerHTML = "<a href='" + value + "'>" + key + "</a>";

index 小于 0 或大于等于行中的的表元数,该方法将抛出代码为 INDEX_SIZE_ERR 的 DOMException 异常
作者: 丁官林    时间: 2012-4-16 11:53
谢谢!{:soso_e183:}问题已经解决了,确实是浏览器的问题!我用360急速浏览器运行正常!
作者: 鲍晨    时间: 2012-4-16 13:06
下一个IEtester,上面集成了IE各种版本,开发时最好都试试
作者: 许庭洲    时间: 2012-4-27 17:20
html代码中的javascrip方法没调用,需要在<input type="button" value="加载"  />加入onClick="LoadData()";
运行结果如下





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2