如何使用JavaScript创建一个动态表格

点一下button创建一个3X4的表格,用js编写... 点一下button创建一个3X4的表格,用js编写 展开
 我来答
suxueduwang
推荐于2017-11-26 · TA获得超过654个赞
知道小有建树答主
回答量:209
采纳率:33%
帮助的人:238万
展开全部
// 你的 HTML 的 body 中添加如下内容
// 一个 div 用来放生成的 table ; 一个按钮执行 create 
// <div id="div"></div> 
// <input type="button" onclick="create()" /> 

// 以下是 js 方法
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function create() {
        // 使用 $("<table></table>") 生成一个 table
        var tab = $("<table border='1'></table>");
        // 3 行循环3次
        for (var i = 1; i <= 3; i++) {
            // 每次生成一个 <tr></tr>
            var row = $("<tr></tr>");
            // 4 列循环 4 次
            for (var j = 1; j <= 4; j++) {
                // 给 <tr></tr> append(添加)  <td>i行j列</td>
                row.append($("<td>" + i + "行" + j + "列" + "</td>"));
            }
            // 给 <table></table> 每次循环添加上边的 <tr>****</tr>
            tab.append(row);
        }
        // 最后把生成的 <table>***</table> 放到 id=div 的控件中
        $("#div").append(tab);
    }
</script>
汤小碗的粥
2013-12-27 · TA获得超过1352个赞
知道答主
回答量:259
采纳率:50%
帮助的人:154万
展开全部
<script type="text/javascript">
function createtab(){
tabstr="<table border='1' >";
tabstr=tabstr+"<tr align='center'><td rowspan='3' width=10%>月份</td><td rowspan='3' width=10%>专业</td><td colspan='6' width=80%>
广告业务宣传资源</td></tr>";
tabstr=tabstr+"<tr align='center'><td colspan='2' width=20%>营销活动</td><td colspan='2' width=20%>预测依据</td><td width=20%>预测
费用</td><td rowspan='2' width=20%>实际执行费用</td></tr>";
tabstr=tabstr+"<tr align='center'><td width=10%>名称</td><td width=10%>主要内容</td><td width=10%>数量</td><td width=10%>标准
</td><td>单元格需能体现逻辑公式</td><td></td></tr>";
tabstr=tabstr+"<tr align='center'><td></td><td></td><td></td><td></td><td></td><td></td><td>0</td><td></td></tr>";
tabstr=tabstr+"</table>";
document.write(tabstr);
}
createtab();
</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式