一、动态设置元素readonly属性时,js里面的readOnly一定要大些O
document.getElementById("id").readOnly=true;
二、动态给表插入行:
function addRow(){
//动态插入一行
var oRow1=mediaMes.insertRow(mediaMes.rows.length);
//设置tr的id
oRow1.id="tr"+thisId;
//获得表总的行数
var aRows=mediaMes.rows;
//获得新添加行的列集合
var aCells=oRow1.cells;
//再新添加的行里面插入一个列
var oCell1_1=aRows[oRow1.rowIndex].insertCell(aCells.length);
//=================设置列的样式======================
oCell1_1.align="center";
var oStyle1 = oCell1_1.getAttribute("style");
//Ie浏览器动态设置样式不能直接给行或列指定class属性
//要先把样式放到一个对象的attribute里面,然后在把这个对象设置到行或列里面去
// ie
if(oStyle1 == "[object]") {
oStyle1.setAttribute("cssText","border-right: 1px solid #003399;border-bottom: 1px solid #003399;");
oCell1_1.setAttribute("style",oStyle1 );
} else {
oCell1_1.setAttribute("class","td_border" );
}
var cell1="<input type='text' name="user" id='user'/>";
oCell1_1.innerHTML=cell1;
}
三、
function delRow(rowId){
var poss=document.getElementById(rowId);
mediaMes.deleteRow(poss.rowIndex);
}
四、动态移动table里面的行(tr)
// 先获得当前行的父节点,就是table
var parent=aRows[sort].parentNode;
//table移除一个行,返回的对象就是被移除的行
var orgNode=parent.removeChild(aRows[sort+1]);
var destNode=aRows[sort];
//在一个行前面把这个行插入
parent.insertBefore(orgNode,destNode);
分享到:
相关推荐
javascript动态操作表格 1.添加表格 2.删除表格 3.选种表格 4.支持IE6.0和Firefox浏览器
JavaScript动态操作表格,添加,删除行、列及单元格
js动态操作表格</title>[removed]function init(){_table=document.getElementById(“table”);_table.border=”1px”;_table.width=”800px”;for(var i=1;i<6;i++){var row=document.createElement(“tr...
JavaScript动态操作表格,添加,删除行、列及单元格
JavaScript操作表格JavaScript操作表格JavaScript操作表格
这是一个动态生成表格的 HTML 页面,使用了 JavaScript 动态生成表格内容。这个表格显示了一组学生的成绩信息,包括姓名、科目和得分,并提供了删除操作。 在页面中,先声明了一个 table 元素,并设置了 id 为 ...
javascript 表格操作
关于javascript 的表格操作的一些函数集合
主要介绍了Javascript动态创建表格及删除行列的方法,涉及javascript动态操作表格的相关技巧,需要的朋友可以参考下
静态实现javascript,实现表格的增加和删除等功能,值得初学者学习
经过多次应用后总结的对表格的经典操作,动态增加行,删除行,全选,删除全部等等...
javascript操作表格
主要介绍了JavaScript动态改变表格单元格内容的方法,涉及javascript操作html中table表格的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
javascript操作表格的各种方法,多种源代码的集合.呵呵.整理好几天了
JS自动添加,删除表格总结,及window窗体居中。内含源代码!!!!
本文实例为大家分享了javascript实现向表格中动态加载数据的具体代码,供大家参考,具体内容如下 首先在HTML中编写表格信息 //表格头部信息 编号 姓名 身份 操作 //表格内容信息 <tbody id=tbBody>...
表格是网页设计中必不可少的内容之一。...随后,更具体地介绍操作表格元素的一般方法,主要是对表格行、列的动态增删操作。有了这些基础,在本章的最后介绍对表元的操作,即如何动态修改表格单元格中的内容。
原生JavaScript,对数据表格进行操作,使用DOM实现数据的动态操作,包括增加、删除、查询、修改。