征集网锐志网络淘途找素材上91123RF图片库
创意在线首页
官方微博:腾讯
平面设计交互设计CG动漫工业设计建筑环境数码影像创意搜
 首页大赛征集资讯教程画廊访谈作品集创企同盟设计招聘人才专区竞赛台专题论吧 找素材看酷站设计网址库
教程网 Illustrator、Photoshop、CoreaDreaw、AI教程、PS教程
当前位置:首页 > 教程 > 脚本特效 > 正文
javascript单击表格变成文本输入框
作者: 来源: 发表时间:2010-11-15 13:45:18 浏览:

关于动态创建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");
创建一个文本节点,常用来往元素节点里添加内容

-->





在线编辑:angel
本文链接:


推荐阅读:
·年度出版物《中国创意设计年鉴·2016/2017》征集公告
·HAZZYS哈吉斯第二届原创插画设计大赛
·青春唯美插画培训网络远程班正在招生
·创企同盟VIP:网络品牌建设提供商-木兰设计
·2017大艺时代全国原创插画设计大赛征稿
·二十四节气标识系统设计征集函
·39800元 奉节县征集“三峡之巅”LOGO
·10000元 2017第三届“海上丝绸之路”创意设计大赛
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件请不要盗链本站地址,且不准打上各自站点的水印!

创意素材推荐 矢量 | PSD | 模板 | 高清 | PNG | 网页背景
2009-02-06
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站
个性展示 网站教学 工 作 室 学校教育 卡通漫画 文化艺术 体育运动 美容健身 食品饮料
近期推荐报道 返回首页更多精彩等着你!

Photoshop| Photoshop打造超梦幻的潮流立体字平面设计| 43个独具创意的汽车平面广告欣赏
行业展会| Prada米兰艺术展 联手艺术家造时尚雕网页设计| 罗马尼亚ant7精彩网页设计欣赏
Photoshop| 利用渐变制作超酷的抽象图案标志设计| 90个新鲜创意logo欣赏(一)
Photoshop| Photoshop快速调出外景图片梦幻的海报设计| 国外独立乐队演出海报设计
平面设计| 48个以字体为元素的创意广告欣赏一FireWorks| Fireworks实例教程:流光效果详解
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站 个性展示 网站教学 工 作 室 学校教育
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站 文化艺术 体育运动 美容健身 食品饮料
网站名称:whaternet
网站地址:http://whaternet.com/
加入时间:2014-8-5 13:59:20
网站名称:mnnaite
网站地址:http://www.mnnaite.com/static/
加入时间:2014-8-5 13:58:07
网站名称:tijuanaflats
网站地址:http://tijuanaflats.com/
加入时间:2014-8-5 13:55:32
网站名称:digital
网站地址:http://production-digital.com/
加入时间:2014-8-5 13:54:45
网站名称:deutschesee
网站地址:http://www.deutschesee.de/
加入时间:2014-8-5 13:51:54
网站名称:kennedy
网站地址:http://www.kennedyandoswald.com/
加入时间:2014-8-5 13:50:57
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿