问题描述:
<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>
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script type="text/javascript">
function next_id(){
var current_id = 0
return function (){
return ++current_id
}
}
var g = next_id()
for( let i = 0i <10i++ ){
console.log(g())
}
</script>
<body>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)