js 控制table 新增一行或一列
2016-12-02 15:49
246 查看
<html>
<head>
<title> New Document </title>
<script type="text/javascript">
function ss(){
var subtable = document.getElementById('subject_tab');
var i=subtable.rows.length;
var addrow=subtable.insertRow();//添加一行到第一行的位置行
var col1=addrow.insertCell(0);//添加列
col1.innerHTML='<img src="../static/images/shuxue.jpg" />';
// var col2=addrow.insertCell(1);//添加一行到第一列的位置行
var col2=addrow.insertCell();
var j=subtable.rows[0].cells.length; //得到td的数目
alert(j);
col2.className="table01-td01";
col2.innerHTML='167';
}
</script>
</head>
<body>
<input type="button" value="click me" onclick="ss()" />
<table id="subject_tab" cellspacing="0" cellpadding="0" >
<tr><td>123</td></tr>
</table>
</body>
</html>
效果就是一点按钮,table就多显示一列
<head>
<title> New Document </title>
<script type="text/javascript">
function ss(){
var subtable = document.getElementById('subject_tab');
var i=subtable.rows.length;
var addrow=subtable.insertRow();//添加一行到第一行的位置行
var col1=addrow.insertCell(0);//添加列
col1.innerHTML='<img src="../static/images/shuxue.jpg" />';
// var col2=addrow.insertCell(1);//添加一行到第一列的位置行
var col2=addrow.insertCell();
var j=subtable.rows[0].cells.length; //得到td的数目
alert(j);
col2.className="table01-td01";
col2.innerHTML='167';
}
</script>
</head>
<body>
<input type="button" value="click me" onclick="ss()" />
<table id="subject_tab" cellspacing="0" cellpadding="0" >
<tr><td>123</td></tr>
</table>
</body>
</html>
效果就是一点按钮,table就多显示一列
相关文章推荐
- js控制新增,删除table的tr,td
- js控制隐藏或显示table的某一行
- JS控制TABLE表格在任意一行下面添加一行(有待完善)
- JS :点击按钮table增加一行,删除一行
- JS控制table显示或隐藏
- js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
- 删除table中的一行js实现
- 运用js动态操作table(新增,删除相关列信息)
- 命题:jquery操作table,新增一行,删除一行,模块化,粒度化
- js操作table控制tr
- js html,Table 图片 导入excel 并控制样式
- js 子窗体控制父窗体的 TABLE 部分代码
- 利用js实现table增加一行
- JavaScript 操作table,可以新增行和列并且隔一行换背景色
- js控制table
- 通过JS为 Table表增加一行,通过复选框删除多行,也可通过所在行的delete链接删除本行
- 运用js动态操作table(新增,删除相关列信息)
- js动态生成table的一行 并且是复制的当前行 列都一起生成了
- table中動態刪除新增一行的方法
- 通过单选按钮来控制 table中得某一行要不要 显示出来