问题描述:
<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>
<HTML><HEAD>
<TITLE>New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META name="keywords" content="创建,设置,图片,增加,代码">
<META name="description" content="分类: 电脑/网络 >>程序设计 >>其他编程语言 问题描述: <TABLE id="aaa"> <TR> ">
</HEAD>
<BODY>
<div id="bodyDiv"></div>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
var table = document.createElement("table")
table.border = "1"//设置边框
//创建一行
var tr = table.insertRow()
//创建三列，并将三个select的值设置到这三列中。
var td0 = tr.insertCell()
//创建td0 的ID 在这是写死的
//td0.id = "............"
//或者给它一个事件
td0.onclick = function(){
this.id = "aaaaa"
alert(this.id)
}
bodyDiv.appendChild(table)
//-->
</SCRIPT>
假设已经获得tr对象为trObj，代码如下:
var iswitch (trObj.className) {
case "className1":
for(i = 0 i < trObj.cells.length i++) {
trObj.cells[i].id = trObj.className + "_" + i // 这里取class与单元格序号为id值
}
break
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）