javascript 在ie9下动态创建表格问题

最新推荐文章于 2024-09-21 11:34:18 发布

sunshuqian2005

最新推荐文章于 2024-09-21 11:34:18 发布

阅读量1.5k

点赞数

分类专栏： javascript DOM 文章标签： javascript ie firefox table xhtml button

本文链接：https://blog.csdn.net/sunshuqian2005/article/details/7522402

版权

javascript DOM 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

今天在学习 DOM视频的时候，动态创建元素，视频中的代码一样，就是看不到创建出来的表格，

网上搜索了一个动态创建表格的代码，也是在firfox下可以的，在ie9下不行，经常反复测试，查找，加入

var tbody = document.createElement("tbody"); 后，一切正常了。原来是这个问题，哎ie啊，

另发现innerText在fireFox下无用。（firefox改成了textContent）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">

        //create table
        function createTable() {
            var data = {"百度":"http://www.baidu.com", "新浪":"http://www.sina.com.cn", "网易":"http://222.163.com"};
            var divMain = document.getElementById("divMain");
            var linktable = document.getElementById("linktable");
            var table = document.createElement("table");
            for (var key in data) {
                var value = data[key];
                var tbody = document.createElement("tbody");
                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 +"'>"+ key +"</a>";
                tr.appendChild(td2);

                tbody.appendChild(tr);
                table.appendChild(tbody);
        
            }
            divMain.appendChild(table);
        }
  
 
    </script>
</head>
<body>

<div id="divMain"></div>

<input type="button" id ="btnCreateTable" οnclick="createTable()" value="创建Table"/>



</body>
</html>