HTML Table自动加列

bancxc

于 2010-05-04 14:28:00 发布

1249

分类专栏： C# 文章标签： html table button xhtml javascript border

本文链接：https://blog.csdn.net/bancxc/article/details/5555855

版权

C# 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!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>
    <mce:script language="javascript" type="text/javascript" ><!--
        function addTd() { 
            var tb = document.getElementById("t1");
            var rows = tb.getElementsByTagName("tr");
            var node;
            for (var i = 0; i < rows.length; i++) {

var td = document.createElement("td");
                var textNode = document.createTextNode("测试列" + i);
                td.appendChild(textNode)
                node = rows[i] //rows[i].appendchild();
                node.appendChild(td)

}
        }
    
// --></mce:script>    
</head>
<body>
<form>
<div id="d1">
<table id="t1" border="1"><tr><td>test;</td>
    
    </tr><tr><td>&test;</td>
    
    </tr>
</table>
    <input id="Button1" type="button" value="button" οnclick="addTd();"/> 
</div>
</form>
</body>
</html>

bancxc

关注关注

1
点赞
踩
0
收藏
打赏
0
评论
HTML Table自动加列

<!-- function addTd() { var tb = document.getElementById("t1"); var rows = tb.getElementsByTagName("tr"); var node;
复制链接

扫一扫