Question

如何用javascript设置table的td的id

<TABLE id="aaa">
<TR>
<TD>s1</TD>
<TD>s2</TD>
</TR>
<TR>
<TD>s3</TD>
<TD>s4</TD>
</TR>
</TABLE>
一个表格如上,如何用javascript把内容为s3的td的ID设置为ss3
????

Answer 1

参考一下这段，把代码直接贴到文件即可使用

<style>body,td,div,a,input{font:menu;line-height:150%}</style>
<table cellspacing=1 cellpadding=1 border=0 width=100% id=t136><tbody><form method=post enctype="multipart/form-data"><input type=hidden name=deal value=true><input type=hidden name=frmID value=22><input type=hidden name=thisdir value=><input type=hidden name=TID value=><tr style="font-weight: bold" bgcolor=ACD0FD><td colspan=2>呵呵</td></tr><tr bgcolor=EFEFD6><td colspan=2><font color=000080>哈哈</font></td></tr><input type=hidden name=frmShowURL value=payment><input type=hidden name=ID value=><tr bgcolor=F0F0F0><td>xixi</td><td>xixi </td></tr><tr bgcolor=F9F9F9><td>hehe</td><td><input type=text class=border_index name=newdir style='ime-mode:disabled'><font color=000080>hehe</font> </td></tr><tr bgcolor=F0F0F0><td>新图片上传</td><td><div>
<input type=button onclick=addNew() value=增加 class=button_index><font color=000080>(按一次增加按钮就可以上传一张图片。)</font></div></td></tr><tbody></table></form><script>
var i=0,arr=new Array('F9F9F9','F0F0F0');
function addNew(){
tr=document.all.t136.insertRow();
tr.style.backgroundColor=arr[i%2];
tr.insertCell().innerText="图片"+(++i);
tr.insertCell().innerHTML='<input type=file name=pic'+i+' class=border_index> <a href=javascript:void(0) onclick=del()>删除</a>'
}
function del(){
document.all.t136.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex);
for(i=0;i<document.all.t136.rows.length-5;i++){
document.all.t136.rows[i+5].cells[0].innerText="图片"+(i+1);
document.all.t136.rows[i+5].cells[1].children[0].name="pic"+(i+1);
document.all.t136.rows[i+5].style.backgroundColor=arr[i%2];
}
}
</script>

Answer 2

获取到table对象后，再获取所有的td单元格，对单元格进行遍历，把符合条件的单元格加上id即可，具体步骤如下：

1. 获取table对象table=document.getElementById('aaa');

2. 获取所有tds=table.getElementsByTagName('td');

3. 循环处理符合条件的td

var tds=table.getElementsByTagName('td');
for(var i=tds.length-1;i>=0;i--){
    var td=tds[i];
    if(td.innerHTML='s3'){
        td.id='ss3';
    }
}

Answer 3

用outerHTML对<TD>s3</TD>进行重写
<TD id="s3">s3</TD>
在javascript事件中：
s3.outerHTML="<TD id='ss3'>s3</td>"

Answer 4

很肯定的告诉你，id值是不可以动态变化的！只有在源码里更改，否则你就别想了！