可在线编辑网页文字效果代码(单击) 时间:2020-05-13 人气:0 <style type="text/css"> <!-- input { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; background-color: #FFFFE1; border: 1px solid #999999; } --> </style> <center> <div></div> <table width="80%" id="tab1" border="1" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" onclick="setEdit(event.srcElement)" style="border:9px groove lime;"> <tr> <td width="20%" id="td1"></td> <td width="20%"></td> <td width="20%"></td> <td width="20%"></td> <td width="20%"></td> </tr> <tr> <td>www.qb5200.com</td> <td>www.qb5200.com</td> <td>www.qb5200.com</td> <td>www.qb5200.com</td> <td>www.qb5200.com</td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>www.qb5200.com</td> <td>www.qb5200.com</td> <td>www.qb5200.com</td> <td>www.qb5200.com</td> <td>www.qb5200.com</td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html> <script> oldObj=""; var newNode=document.createElement("input"); newNode.type="text"; function setEdit(click_td){ var obj; if(click_td.tagName=="TD"){ if(oldObj!=""){ oldObj.removeChild(eval("tmpText")); if(newNode.vlaue=="") oldObj.innerText=" "; else oldObj.innerText=newNode.value; } obj=click_td; oldObj=obj; //newNode.width=obj.clientWidth; //newNode.height=obj.clientHeight; newNode.width=obj.offsetWidth; newNode.height=obj.offsetHeight; newNode.id="tmpText"; newNode.value=obj.innerText; obj.innerText=""; obj.appendChild(newNode); newNode.focus(); } } </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容