用javascript添加控件自定義屬性解析
前面說過為HTML元素添加自定義的屬性,是通過手動(dòng)在HTML控件中加上,其實(shí)可以在javascript中動(dòng)態(tài)添加:如有一文本框:
<input type="text" id="txtInput" name="txtInput" value="自定義文本">
如想增加idvalue屬性(值為”自定義值”),可以在javascript中這樣寫:
var txt = document.getElementById("txtInput");
txt.setAttribute("idvalue","自定義值");
setAttribute中第一個(gè)參數(shù)是指明自定義屬性的名稱,第二個(gè)參數(shù)是初始值
代碼如下:
<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>
- js設(shè)置和獲取自定義屬性的方法
- JS操作HTML自定義屬性的方法
- vue.js 獲取當(dāng)前自定義屬性值
- js 點(diǎn)擊a標(biāo)簽 獲取a的自定義屬性方法
- 淺談JS讀取DOM對(duì)象(標(biāo)簽)的自定義屬性
- js獲取單元格自定義屬性值的代碼(IE/Firefox)
- JavaScript/Js腳本處理html元素的自定義屬性解析(親測(cè)兼容Firefox與IE)
- 如何通過javascript操作web控件的自定義屬性
- JavaScript實(shí)現(xiàn)body內(nèi)任意節(jié)點(diǎn)的自定義屬性功能示例
- js 獲取html5的data屬性實(shí)現(xiàn)方法
- JS實(shí)現(xiàn)獲取自定義屬性data值的方法示例
相關(guān)文章
BootStrap Table 設(shè)置height表頭與內(nèi)容無法對(duì)齊的問題
這篇文章主要介紹了BootStrap Table 設(shè)置height表頭與內(nèi)容無法對(duì)齊的問題,需要的朋友可以參考下2016-12-12javascript實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)下拉菜單的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)下拉菜單的方法,通過javascript自定義函數(shù)實(shí)現(xiàn)對(duì)多級(jí)聯(lián)動(dòng)下拉菜單的操作,是非常實(shí)用的技巧,需要的朋友可以參考下2015-02-02javascript 鼠標(biāo)拖動(dòng)圖標(biāo)技術(shù)
剛剛學(xué)習(xí)了個(gè)js的小技術(shù),還蠻好玩的,以后會(huì)把做的一些小例子貼上來,方便自己也可以跟大家一起分享學(xué)習(xí)成果,哈哈~~2010-02-02使用layui的router來進(jìn)行傳參的實(shí)現(xiàn)方法
今天小編就為大家分享一篇使用layui的router來進(jìn)行傳參的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09配置eslint規(guī)范項(xiàng)目代碼風(fēng)格
這篇文章主要介紹了配置eslint規(guī)范項(xiàng)目代碼風(fēng)格,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03asp javascript 實(shí)現(xiàn)關(guān)閉窗口時(shí)保存數(shù)據(jù)的辦法
asp javascript 實(shí)現(xiàn)關(guān)閉窗口時(shí)保存數(shù)據(jù)的辦法...2007-11-11js實(shí)現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂播放器
這篇文章主要介紹了js實(shí)現(xiàn)可兼容IE、FF、Chrome、Opera及Safari的音樂播放器,通過自定義javascript函數(shù)audioplayer實(shí)現(xiàn)兼容各常見瀏覽器的音樂播放功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02不用ajax實(shí)現(xiàn)點(diǎn)擊文字即可編輯的方法
本文給大家分享一段代碼不使用ajax實(shí)現(xiàn)點(diǎn)擊文字即可編輯的方法,代碼簡(jiǎn)單易懂,需要的朋友參考下吧2007-12-12JS中對(duì)數(shù)組元素進(jìn)行增刪改移的方法總結(jié)
本文主要JS中對(duì)數(shù)組元素進(jìn)行增刪改移的方法,用表格的形式進(jìn)行整理,方便閱讀,具有很好的參考價(jià)值,下面就跟小編一起來看下吧2016-12-12