用javascript添加控件自定義屬性解析
更新時間：2013年11月25日 09:23:52 作者：
這篇文章主要是對用javascript添加控件自定義屬性進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
前面說過為HTML元素添加自定義的屬性，是通過手動在HTML控件中加上，其實可以在javascript中動態(tài)添加：如有一文本框：
復制代碼 代碼如下:
<input type="text" id="txtInput" name="txtInput" value="自定義文本">
如想增加idvalue屬性(值為”自定義值”)，可以在javascript中這樣寫:
復制代碼 代碼如下:
var txt = document.getElementById("txtInput");
txt.setAttribute("idvalue","自定義值");
setAttribute中第一個參數是指明自定義屬性的名稱，第二個參數是初始值
代碼如下:
復制代碼 代碼如下:
<html>
<head>
<title>用javascript添加控件自定義屬性</title>
<script language="javascript">
function addCustomAttribute()
{
var txt = document.getElementById("txtInput");
txt.setAttribute("idvalue","自定義值");
}
function showIdValue()
{
var txt = document.getElementById("txtInput");
alert(txt.attributes["idvalue"].nodeValue);
}
</script>
</head>
<body onload="addCustomAttribute();">
<input type="text" id="txtInput" name="txtInput" value="自定義文本">
<input type="button" value="顯示idValue" onclick="showIdValue();">
</body>
</html>
相關文章
BootStrap Table 設置height表頭與內容無法對齊的問題
這篇文章主要介紹了BootStrap Table 設置height表頭與內容無法對齊的問題,需要的朋友可以參考下2016-12-12
javascript實現(xiàn)多級聯(lián)動下拉菜單的方法
這篇文章主要介紹了javascript實現(xiàn)多級聯(lián)動下拉菜單的方法,通過javascript自定義函數實現(xiàn)對多級聯(lián)動下拉菜單的操作,是非常實用的技巧,需要的朋友可以參考下2015-02-02
剛剛學習了個js的小技術，還蠻好玩的，以后會把做的一些小例子貼上來，方便自己也可以跟大家一起分享學習成果，哈哈~~2010-02-02
這篇文章主要為大家詳細介紹了微信小程序之電影影評小程序制作代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
使用layui的router來進行傳參的實現(xiàn)方法
今天小編就為大家分享一篇使用layui的router來進行傳參的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了配置eslint規(guī)范項目代碼風格，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
asp javascript 實現(xiàn)關閉窗口時保存數據的辦法
asp javascript 實現(xiàn)關閉窗口時保存數據的辦法...2007-11-11
js實現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂播放器
這篇文章主要介紹了js實現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂播放器,通過自定義javascript函數audioplayer實現(xiàn)兼容各常見瀏覽器的音樂播放功能,非常具有實用價值,需要的朋友可以參考下2015-02-02
本文給大家分享一段代碼不使用ajax實現(xiàn)點擊文字即可編輯的方法，代碼簡單易懂，需要的朋友參考下吧2007-12-12
本文主要JS中對數組元素進行增刪改移的方法，用表格的形式進行整理，方便閱讀，具有很好的參考價值，下面就跟小編一起來看下吧2016-12-12