<script>
function test(){
var tb=document.getElementById("tb1");
var td1=tb.rows[0].cells[0];//第一行第一列
td1.id='24';//设置id的值
td1.setAttribute('value',45); //添加属性value并设置值是45
alert(tb.rows[0].cells[0].id);//24
alert(tb.rows[0].cells[0].value);//45
alert(tb.rows[0].innerHTML);
}
</script>
<table id='tb1'><tr><td id="21"></td></tr></table>
<input type=button value="test" onclick="test()">
<script>
function Add(){
var tb=document.getElementById("testReportTable");
var trs=tb.rows;
//取得第二行第四列第一个子节点的值
alert(trs[1].cells[3].childNodes[0].value);//22
a=parseFloat(trs[1].cells[3].childNodes[0].value);
alert(a);//22
}
</script>
<table id="testReportTable">
<tr><td><input type="text" value="a1"></td>
<td><input type="text" value="b1"></td>
<td><input type="text" value="c1"></td>
<td><input type="text" value="11"></td>
</tr>
<tr><td><input type="text" value="1"></td>
<td><input type="text" value="2"></td>
<td><input type="text" value="33"></td>
<td><input type="text" value="22"></td>
</tr>
</table>
<input type="button" value="Adddd" onclick="Add()">
colSpan.,,,产看一行有多少列
<table width="400" border="1" cellspacing="0" cellpadding="0" id="table2">
<tr><td>aaaaaaa</td><td colspan='5'></td></tr>
</table>
<input type="button" onclick="seeTb2()" value="查看table2">
<script>
function $(s){
return document.getElementById(s);
}
function seeTb2(){
var vtbl=$('table2');
var vrow1=vtbl.rows[0];
alert(GetRowCols(vrow1));
}
function GetRowCols(oRow) {
if (oRow == null) {
return 0;
}
var vLen = oRow.cells.length;
//alert("row.length:"+vLen);
var oCell = null;
var vCols = 0;
for (var i=0; i<vLen; i++) {
oCell = oRow.cells[i];
vCols = vCols + oCell.colSpan;
}
return vCols;
}
</script>
分享到:
相关推荐
Jquery对于Table的操作一些源码,需要的请下载,不喜勿喷
资源提供js操作html、table导出生成excel文件,代码简介易懂
基于bootstrap-table 实现 右侧列固定,也可以针对左侧列固定,针对操作列使用起来非常方便,引用jquery、bootstrap-table-fixed 样式和js文件后,可以随意设置,灵活。 fixedColumns: true,//fixedtNumber:2, //...
JavaScript操作select JavaScript操作table
低调发布,因为是小样版本,集成了几个简单的方法...写此类的目的一个事方便操作table二是可以引入ajax做无刷新分页啥的 当然这些还没做 只是最简单实用的方法 争取尽快完善,引入ajax元素。尽请期待。 demo地址: ...
一个JS写的 操作table大全 里面包括合并 拆分。删除 添加 基本都有。如果还要实现特殊的效果 请大家自己改造改造
js操作table的特效分享
bootStrap table 分页处理,前端代码参数的详细设置与返回数据的处理,表格渲染操作。 包括页面的查询条件如何转成json 格式,提交到后台的操作。设置列表第一列为复选框的操作。 禁止分页条上一页,下一页的点击...
js 代码操作 table 排序功能
js动态创建table点击按钮dom table tr添加操作
jquery 对table动态操作,以及多选反选功能 更加方便快捷。
用于layui table 自定义列,保存table模板
table表格的增删改功能,鼠标左键双击可编辑,下方按钮增加,右侧删除,表格数据计入localstorage,不会因刷新而消失
通过js来操作table行的动态添加删除,进行相关的操作
操作table,绑定某行数据到另外页面,例如修改操作,回显数据
使用javascript脚本向页面中的table添加和删除行
使用javascript实现table动态增加删除行列。
针对Table的操作,针对Table增加/删除 行和列,向上移,向下移.etc
javascript 操作 table的一个例子. 可以下去研究下
js操作HTML增加删除TR/TD (学前班级别的哈!)