如何用javascript设置table的td的id

如何用javascript设置table的td的id,第1张

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

<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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/6490632.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-23
下一篇 2023-03-23

发表评论

登录后才能评论

评论列表(0条)

保存