关于动态创建input输入框我们是利用了js dom来操作了，主要是利用了 document.createelement创建了一个input对象，再给对象设置属性。
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>网页特效单击表格变成文本输入框</title>
<script language="javascript">
// 将单元格转化成文本框
function changetotext(obj)
{
var tdvalue = obj.innertext;
obj.innertext = "";
var txt = document.createelement("input");
txt.type = "text";
txt.value = tdvalue;
txt.id = "_text_111cn.net_";
obj.appendchild(txt);
txt.select();
obj.style.border = "1px dashed #ff9900";
}
</script>
</head>
<body>
<div id="thisbox" onclick="changetotext(this);">单击我试一下</div>
</body>
</html>
<!--
本实例用到函数介绍
innertext
从起始位置到终止位置的内容, 但它去除html标签
创建节点
createelement()
var node = document.createelement("div");
没什么可说的，创建一个元素节点，但注意，这个节点不会被自动添加到文档（document）
var value = document.createtextnode("text");
创建一个文本节点，常用来往元素节点里添加内容
-->
征集网┊锐志网络┊淘途┊找素材上91┊
交互设计
大赛征集
看酷站
当前位置：首页
> 教程 > 脚本特效
> 正文
在线编辑：angel
本文链接：
