白小姐内幕弦机|白小姐今晚欲钱料今晚生肖
征集網銳志網絡淘途找素材上91
創意在線首頁
平面設計交互設計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
本文鏈接:


推薦閱讀:
·2019第五屆“包豪斯獎”國際設計大賽 征稿公告
·第十三屆《中國大學生美術作品年鑒》第二批征稿
·2019第五屆“包豪斯獎”國際設計大賽 征稿公告
·青春唯美插畫培訓網絡遠程班正在招生
·2019第十一屆中國高校美術作品學年展征稿章程
·2019第五屆“包豪斯獎”國際設計大賽 征稿公告
·2019第五屆“包豪斯獎”國際設計大賽 征集公告
·2019第十三屆“創意中國”設計大獎獲獎名單揭曉
免責聲明:本站刊載此文不代表同意其說法或描述,僅為提供更多信息。對本文有異議,請聯絡本站!
轉載要求:文章作者及來源信息必需保留。轉載之圖片、文件請不要盜鏈本站地址,且不準打上各自站點的水印!

近期推薦報道 返回首頁更多精彩等著你!

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
關于本站 | 聯系方式 | 商業服務 | 合作伙伴 | 站點地圖 | 免責聲明 | 版權聲明 | 在線投稿  
 
白小姐内幕弦机 赚钱社交电商 河南快3 广东快乐10分助手苹果 北京pk10两个平台对刷 体彩6+1开奖 贵州快三 大唐麻将官方版 信誉棋牌官方下载 赛马会香港 山西快乐10分