如何用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

????

解析:

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

<style>body,td,div,a,input{font:menuline-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 class="page_speeder_1153071515" 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=0i<document.all.t136.rows.length-5i++){

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>

方法如下：

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

---