孙钰佳的博客

转载本BLOG的原创文章请注明作者和出处,谢谢 !

JavaScript操作table
<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
想对作者说点什么? 我来说一句

JavaScript操作select&&table

2008年03月20日 3KB 下载

javascript 操作 Table 排序

2008年01月31日 2KB 下载

javascript Table排序

2009年09月11日 3KB 下载

没有更多推荐了,返回首页

不良信息举报

JavaScript操作table

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭