UC知道javascript 一个关于table的问题
来源：百度知道 编辑：UC知道 时间：2024/05/16 10:19:52
动态创建了一个table,想实现这样的一个效果,当鼠标移到一个单元格上的时候,这个单元格获得焦点,同时让光标也移到这个单元格里,让单元格成可输入状态的效果,然后在单元格里就可以输入一些东西什么的,就像<imput type=text... /> foucs()那样的效果;应该如何实现?
首先,你要给你的单元格<td>一个唯一的id属性(td内部的div也行)]
其次,要从文档中获取这个单元格对象.
最后,对获取的对象进行处理.
1,<td id="td1">...</td> or <td><div id="td1" onMouseOver="showText('td1');" onMouseOut="showCell('td1');">...</div></td>
2,编写javascript 函数
showText(id){
var td = document.getElementById(id);//获取对象
var tdV = td.innerHTML;//原来的内容;
td.innerHTML = '<input type="text" value="' +tdV+ '" onMouseOut="showCell(id);" >';//改变内容.
}
最后,自己组织一下吧
我觉得莫不如就把input放在td中呢，然后你设置一样input的样式，默认的时候看不到它，这样效果也能差不多
<input type="text" onmouseover="this.focus();"/>这样不就行了吗？