js 獲取html5的data屬性實現(xiàn)方法
更新時間：2017年07月28日 07:58:16 投稿：jingxian
下面小編就為大家?guī)硪黄猨s 獲取html5的data屬性實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
我以前一直以為只能用jquery的data()來獲取
哈哈 是我太弱了
<!DOCTYPE html>
<html>
<head>
<title>dataset</title>
<meta charset="utf-8">
</head>
<body>
<div id='div' data-index='demo'>
</div>
</body>
<script type="text/javascript">
var a = document.getElementById('div');
console.log(a)
console.log(a.dataset.index)//demo
</script>
</html>
直接用dataset就可以獲取到DOM元素的data屬性
好吧，還可以 用js的獲取屬性的方法getAttribute()
a.getAttribute('data-index')
==>"demo"
以上這篇js 獲取html5的data屬性實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了layui實現(xiàn)下拉框三級聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了JS計算兩個時間相差分鐘數(shù)的方法,結(jié)合完整實例形式分析了javascript針對日期時間的轉(zhuǎn)換與計算相關(guān)操作技巧,需要的朋友可以參考下2018-01-01
微信小程序中的video視頻實現(xiàn) 自定義播放按鈕、封面圖、視頻封面上文案
這篇文章主要介紹了微信小程序中的video視頻實現(xiàn) 自定義播放按鈕、封面圖、視頻封面上文案,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
js實現(xiàn)鼠標(biāo)感應(yīng)圖片展示的方法
這篇文章主要介紹了js實現(xiàn)鼠標(biāo)感應(yīng)圖片展示的方法,實例分析了javascript鼠標(biāo)事件及樣式的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
javascript中的altKey 和 Event屬性大全
本文給大家介紹javascript中的altkey和event屬性大全，涉及到altkey和event屬性語法定義及用法，本文介紹的非常詳細(xì)，感興趣的朋友一起看看吧2015-11-11
重構(gòu)Javascript代碼示例(重構(gòu)前后對比)
回顧頭來看看那些Javascript腳本，有寫得不太理想，過于復(fù)雜。現(xiàn)抽取出來，重構(gòu)它們,想學(xué)習(xí)javascript重構(gòu)的朋友可以參考下啊，網(wǎng)本文可以幫助你的2013-01-01
JavaScript的setAttribute兼容性問題解決方法
JavaScript的setAttribute存在兼容性問題，下面與大家分享下具體的解決方法，感興趣的朋友可以參考下2013-11-11
在研發(fā)公展公用后臺的時候，用了許多的技巧性的JS，最有代表性就是如下這一例子.2011-01-01
這個問題弄了我?guī)滋鞗]心思寫程序，問了論壇很多網(wǎng)友才搞定的。2008-07-07
當(dāng)開發(fā)者需要為不同目的以不同形式處理URL時，我們經(jīng)常會借助于JavaScript。本文就為大家整理了JavaScript驗證URL的方法，希望對大家有所幫助2023-02-02