js 表格相关操作代码
来源：互联网 发布：知乎为什么也叫b乎 编辑：程序博客网 时间：2024/05/22 01:33
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script>function c(id,n,val){var tb = document.getElementById(id),r = tb.rows;for(var i=0,j=r.length;i<j;i++){r[i].cells[n].innerHTML = val;}}</script></head><body><table id="tb" width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="19%"> </td> <td width="24%">fdsfds</td> <td width="17%"> </td> <td width="13%"> </td> <td width="9%"> </td> <td width="18%"> </td> </tr> <tr> <td> </td> <td>fsdf</td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>sfd</td> <td> </td> <td> </td> <td> </td> <td> </td> </tr></table><input type="button" value="点击改变" onclick="c('tb',1,'新的值')" /></body></html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>无标题文档</title><script>function c(id){var objthis=this;this.d=document.getElementsByTagName("td");for(var i=0;i<this.d.length;i++){this.d[i].onclick=function(){objthis.f(this);}}}c.prototype.f=function(a){w=a.offsetWidth;h=a.offsetHeight;s=a.innerHTML;a.innerHTML="<input type='text' value='"+s+"' style='font-size:14px;width:"+w+"px;height:"+h+"px;border:0px solid red;background:#dddddd'>";a.onclick=null;}</script></head><body><table id="tb" width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="19%"> </td> <td width="24%">fdsfds</td> <td width="17%"> </td> <td width="13%"> </td> <td width="9%"> </td> <td width="18%"> </td> </tr> <tr> <td> </td> <td>fsdf</td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>sfd</td> <td> </td> <td> </td> <td> </td> <td> </td> </tr></table><script type="text/javascript">var fdf=new c("td")</script></body></html>
