您的位置：首页 > Web前端 > JavaScript

javascript 动态创建表格（代码不兼容IE6）

2012-12-21 09:24 465 查看

动态创建表格（代码不兼容IE6）

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>动态创建表格</title>

    <script type="text/javascript">

        function AppendTableData() {

            var table = document.getElementById("tblMain");

            var data = { "百度": "http://www.baidu.com",

                "中国信鸽网": "http://www.chinaxinge.com",

                "搜狐": "http://www.sohu.com"

            };

            for (var key in data) {

                var tr = document.createElement("tr");

                var td1 = document.createElement("td");

                td1.innerText = key;                      //FireFox不支持innerText,只能使用innerHTML
                tr.appendChild(td1);

                var td2 = document.createElement("td");

                td2.innerHTML = "<a href='" + data[key] + "'>" + data[key] + "</a>";

                tr.appendChild(td2);

                table.appendChild(tr);

            }

        }

    </script>

</head>

<body>

    <table id="tblMain"></table>

    <input type="button" value="动态添加网格数据" onclick="AppendTableData()" />

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航