JS操作HTML自定義屬性的方法
更新時間：2015年02月10日 16:54:44 作者：追求無限
這篇文章主要介紹了JS操作HTML自定義屬性的方法,以實例形式分析了html中自定義屬性的設(shè)置與對應(yīng)的javascript操作技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JS操作HTML自定義屬性的方法。分享給大家供大家參考。具體如下：
HTML代碼如下（其中的displayName為自定義屬性）：
復(fù)制代碼 代碼如下:
<input type="text" id="txtBox" displayName="123456" />
獲取自定義屬性值:
復(fù)制代碼 代碼如下:
document.getElementById("txtBox").getAttribute("displayName");
document.getElementById("txtInput").attributes["displayName"].nodeValue
document.getElementById("txtInput").attributes["displayName"].nodeValue
設(shè)置自定義屬性值:
復(fù)制代碼 代碼如下:
document.all.txtBox.setAttribute("displayName ","123456");
document.getElementById("txtInput").attributes["displayName"].nodeValue = "123456"
document.getElementById("txtInput").attributes["displayName"].nodeValue = "123456"
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
最近工作中遇到了一些死循環(huán)導(dǎo)致的頁面卡死問題,經(jīng)過 trouble shooting 和代碼修復(fù)解決了問題,所以下面這篇文章主要給大家介紹了怎么檢測和防止JavaScript死循環(huán)的相關(guān)資料,需要的朋友可以參考下2021-11-11
《javascript設(shè)計模式》學(xué)習(xí)筆記四：Javascript面向?qū)ο蟪绦蛟O(shè)計鏈?zhǔn)秸{(diào)用實例分析
這篇文章主要介紹了Javascript面向?qū)ο蟪绦蛟O(shè)計鏈?zhǔn)秸{(diào)用,結(jié)合實例形式分析了《javascript設(shè)計模式》中鏈?zhǔn)秸{(diào)用的原理與簡單使用技巧,需要的朋友可以參考下2020-04-04
頁面的日期格式是：YYYY-MM-DD，而數(shù)據(jù)庫中的日期格式是：YYYYMMDD，兩者之間需要轉(zhuǎn)換一下，本文利用正則表達(dá)式去掉-2014-06-06
在日常的開發(fā)過程中,我們經(jīng)常遇到下拉刷新的場景,很方便的刷新游覽的內(nèi)容,在此實現(xiàn)了一個下拉刷新的自定義組件,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2023-09-09
本文主要介紹了uniapp使用H5調(diào)試時跨域問題解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
JavaScript實現(xiàn)獲取網(wǎng)絡(luò)通信進(jìn)度
這篇文章主要為大家詳細(xì)介紹了如何使用Fetch?API和XMLHttpRequest（XHR）來執(zhí)行網(wǎng)絡(luò)請求,并重點說明如何獲取這兩種方法的網(wǎng)絡(luò)請求進(jìn)度,感興趣的可以了解下2023-12-12
ES6中的promise對象很早就聽說過，據(jù)說是為了解決我們使用回調(diào)產(chǎn)生回調(diào)地獄的問題。今天小編就帶領(lǐng)大家通過本文學(xué)習(xí)下es6中的promise，感興趣的朋友跟隨小編一起看看吧2018-11-11
Javascript 判斷兩個IP是否在同一網(wǎng)段實例代碼
javascript功能的強(qiáng)大之處是我們大家有目共睹的，幾天小編向大家介紹Javascript 判斷兩個IP是否在同一網(wǎng)段，感興趣的朋友可以參考一下2016-11-11
JavaScript轉(zhuǎn)換數(shù)據(jù)庫DateTime字段類型方法
下面小編就為大家?guī)硪黄狫avaScript轉(zhuǎn)換數(shù)據(jù)庫DateTime字段類型方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
兼容低版本IE的JScript5.5實現(xiàn)...2006-09-09