zoukankan
html css js c++ java
通过js 向table添加或修改row及cell
//取得table对象
var tabObj = document.getElementById("tabTipResult");
//目前table有多少行
var rowCount = tabObj.rows.length;
//每行有多少列
var cellCount = tabObj.rows(0).cells.length;
if(rowCount < pageCount)
{
for(var i=0;i< pageCount ;i++)
{
//循环 向table增加新行
var newRow = tabObj.insertRow(rowCount++);
for(var j=0;j<cellCount;j++)
{
//每行的新列值
newRow.insertCell(j).innerHTML="无";
}
}
}
else
{
for(var i=1;i<= pageCount ;i++)
{
var tmpRow = tabObj.rows(i);
for(var j=0;j<cellCount;j++)
{
tmpRow.cells(j).innerHTML="无";
}
//该行的背景色属性
tmpRow .onmouseout = function(){this.bgColo
r="white";};
tmpRow .onmouseover= function(){this.bgColor="#efffff";};
//td 在 onclick事件
tmpRow .cells(0).onclick = function(){ alert("");};
}
}
删除列
document.getElementById(tabTipResult).deleteRow(index);
查看全文
相关阅读:
js中.和[]的区别
JavaScript【引用方法】操作方法
JavaScript【引用方法】重排序方法
JavaScript【引用方法】队列方法
JavaScript【引用类型】栈方法
JavaScript【引用类型】转换方法
JavaScript【引用类型】检测类型
JavaScript【引用类型】Array 类型
JavaScript【引用类型】Object 类型
【HTML5 绘图与动画】 使用图像 1.导入图像 2.缩放图像 3.裁切图像
原文地址:https://www.cnblogs.com/cuihongyu3503319/p/646909.html
最新文章
[TYVJ] P1004 滑雪
[TYVJ] P1031 热浪
[TYVJ] P1027 木瓜地
[TYVJ] P1026 犁田机器人
[TYVJ] P1025 单数?双数?
[TYVJ] P1016 装箱问题
356 flexible.js仿苏宁
355 rem、媒体查询、less仿苏宁首页
354 flex布局仿携程首页
352 ES6语法:let与const,字符串新方法,对象简写,函数默认参数(备胎),箭头函数
热门文章
351 ES5-数组的新方法:forEach,map,filter,some,every,find,findexIndex
前端UI攻城狮 你们该抛弃jQuery了
一文吃透React SSR服务端同构渲染
Vuex与组件通信
React中JSX和虚拟dom
webpack动态加载打包chunk命名
JS操作符、控制流程、循环、字符串/数组方法
JavaScript的内存模型
Js map、reduce、filter 等高阶函数
Js闭包的实现原理和作用
Copyright © 2011-2022 走看看