javascript中如何自动给表<table>添加行和列
2017-03-18 21:45
225 查看
<script>
/********************方法一*********************/
function add()
{
var i=ta.rows.length;//添加一行
var newTr=ta.insertRow();//创建函数
var td=newTr.insertcell();//添加列
td.innerHTML='<input type="text" id="a"/>'//向列里面添加标签
td.innerHTML=值 //将值显示到添加的标签中
}
/******************方法二**********************/
function add()
{
var table= document.getElementById("ta");
table.innerHTML="<tr><td></td></tr>"
}
</script>
<body>
<button onclick="add()">确定添加<button>
<table id="ta">
<tr>
<td></td>
</tr>
</body>
/********************方法一*********************/
function add()
{
var i=ta.rows.length;//添加一行
var newTr=ta.insertRow();//创建函数
var td=newTr.insertcell();//添加列
td.innerHTML='<input type="text" id="a"/>'//向列里面添加标签
td.innerHTML=值 //将值显示到添加的标签中
}
/******************方法二**********************/
function add()
{
var table= document.getElementById("ta");
table.innerHTML="<tr><td></td></tr>"
}
</script>
<body>
<button onclick="add()">确定添加<button>
<table id="ta">
<tr>
<td></td>
</tr>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何用JavaScript获取<div>*</div>标签中内容& 内容添加
- IE10打开网页后，自动设置浏览器模式为“IE10兼容性视图”，我添加了 <meta http-equiv="X-UA-Compatible" content="IE=8">只修改了文档模式，请问如何
- HTML中如何为表格添加标题（添加的标题与表格相对静止）（<table><caption>标题</caption></table>）
- 如何用JavaScript获取<div>*</div>标签中内容& 内容添加
- 用file上传文件时，浏览器返回值总是自动添加<pre>的解决办法
- 使用yii的layout，加入<?php echo $content; ?>这句话时，它会自动在子页面上面添加一个div包裹
- CocosCreator项目学习系列<二>关于Button(添加事件)输入控制交互条件的触发_实现虚拟按钮控制_JavaScript
- 百度编辑器Ueditor自动换行，添加<p>的问题
- 【转】如何实现<textarea> placeholder自动换行？
- 在<a></a>标签中如何调用javaScript脚本
- 在线编辑器自动添加<p></p>
- javascript学习笔记——如何修改<a href="#">url name</a>
- 在<table>或<div>中如何让传入的文本自动换行
- XAF 如何扩展应用程序模型<二> 编辑ListView自动保存
- 如何给ArrayList<Integer>对象里面添加字符串？
- javaScript学习笔记——如何让<canvas>动起来
- ecshop如何添加广告位<广告添加教程>
- <s:iterator value="" > 如何在遍历时自动添加序号，行号
- 用JAVASCRIPT如何给<textarea></textarea>赋值
- 去除CKEditor自动添加的<p></p>标签的方法, 有两种办法：