怎么獲取HTML5自定義數據屬性data的值
很多做web開發的小伙伴，不知道怎么使用HTML5的data屬性，下面小編就將操作方法演示給大家，供大家參考學習！
東西/原料
- 電腦：win7，64位
- 軟件：HbuilderX
方式/步調
- 1
打開開辟東西，新建一個HTML文件（為了便利給大師演示）
- 2
在HTML標簽上設置data屬性：
語法：data-*
- 3
利用原生JS獲取自界說數據屬性的值
方式：.getAttribute()
例子： document.getElementById("demo1").getAttribute("data-num")
- 4
打開瀏覽器開辟者東西，點擊【console】可以看到我當作功的獲取到data的值了
- 5
利用jquery獲取自界說數據屬性的值
方式：.attr() 或.data()
例子：
1、var a = $("#demo1").attr("data-type");
2、var b = $("#demo2").data("type");
- 6
打開瀏覽器開辟者東西，點擊console查看獲取環境：
方式總結：
- 1
1、新建一個HTML文件
2、在HTML標簽上設置data屬性
3、利用原生JS：getAttribute()方式獲取自界說數據屬性的值
4、利用jquery方式：attr() 或data()獲取自界說數據屬性的值
5、打開瀏覽器開辟者東西查抄獲取環境
注重事項
- tips1：本教程設置的參數只是為了便利給大師演示，現實環境現實開辟！
- tips2：本教程供給了，JQ或原生JS兩種方式，按照需求選擇！
- 發表于 2020-01-20 20:01
- 閱讀 ( 845 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章