JavaScript操作table

原创 2007年09月26日 21:29:00
<html>
    
<head>
        
<title></title>
        
<SCRIPT LANGUAGE="JavaScript">
        
function showTable(id){
          
var tb=document.getElementById(id);
          
var rows=tb.rows;
          
for(var i=0;i<rows.length;i++){
             
var cells=rows[i].cells;
             
for(var j=0;j<cells.length;j++){
                 alert(cells[j].childNodes[
0].value);
             }
          }
         }
         
function showTd(id){
             
var td=document.getElementById(id);
             
var cell=td.parentElement;
             alert(cell.childNodes[
0].value);
             alert(cell.cellIndex);
         }
        
</SCRIPT>
    
</head>
    
<body>
        
<input type="button" onclick="showTable('mailTable');" value="遍历table"/>
        
<input type="button" onclick="showTd('th01Input');" value="取得td的index"/>
        
<table id="mailTable">
            
<tr>
                
<th><input value="th00"></th>
                
<th><input name="th01Input" value="th01"></th>
            
</tr>
            
<tr>
                
<td><input value="th10"></td>
                
<td><input value="th11"></td>
            
</tr>
            
<tr>
                
<td><input value="th20"></td>
                
<td><input value="th21"></td>
            
</tr>
        
</table>
    
</body>
</html>

写个例子备忘.

另外ie,firefox以及其它浏览器对于 table 标签的操作都各不相同,
在ie中不允许对table和tr的innerHTML赋值,使用js增加一个tr时,
使用appendChile方法也不管用。

//向table追加一个空行:
var otr = otable.insertRow(-1);
var otd = document.createElement("td");
otd.innerHTML = " 测试";
otd.className = "css";
otr.appendChild(otd);

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

javascript操作table(insertRow(),deleteRow(),insertCell(),deleteCell()方法)

insertRow() 方法 定义和用法 insertRow() 方法用于在表格中的指定位置插入一个新行。 语法 tableObject.insertRow(index) 返回值 返回...

JavaScript操作table

内容 类别 操作 内容: 类别: function insertToRow() { ...

javascript操作table的动态添加行和删除行

动态添加表格行和删除行,ie9和

[JavaScript][jQuery]jQuery操作Table

jQuery操作Table 操作: 1.鼠标移动行变色 方法一:jQuery中的hover(fun(),fun())方法,参数一:第一个方法是添加样式功能,参数二:第二个方法是取消样...

好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎片、table操作

欢迎技术交流。 QQ:138986722 getAttribute、setAttribute获取跟设置对象的属性: function documentTest(){ var oHtm...

【javascript】table对象操作,动态创建,删除指定行列

function createTab(){ //动态创建表格 var tabNode = document.createElement("table"); tabNode.setAttribu...

JavaScript操作Table:添加、修改、删除Table元素

方法一:DOM实现 //先获取该表格的引用: var Container = document.getElementById(TableId); //然后创建行(TR对象) var N...

js操作table

JQuery+js操作table

纯原生javascript实现table表格的增删

公司实习生问我table的增删操作,用jQuery很简单的实现了。又问我不使用jQuery,只使用js如何实现。 面对这种情况,我的一贯做法是‘不理解,但是支持’,jQuery用的多了,人也懒了,但还...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)