1、獲取id的對象

2、需要獲取的就是data-id 和 dtat-vice-id的值

一：getAttribute()方法

const getId = document.getElementById('getId');

// //getAttribute()取值屬性

console.log(getId.getAttribute("data-id"));//

console.log(getId.getAttribute("data-vice-id"));//

// //setAttribute()賦值屬性

getId.setAttribute("data-id","48");

console.log(getId.getAttribute("data-id"));//

二：dataset()方法

//data-前綴屬性可以在JS中通過dataset取值，更加方便

console.log(getId.dataset.id);//

//data-vice-id連接取值使用駝峰命名法取值

console.log(getId.dataset.viceId);//

//賦值

getId.dataset.id = "113";//

getId.dataset.viceId--;//

//新增data屬性

getId.dataset.id2 = "100";//

//刪除，設置成null，或者delete

getId.dataset.id2 = null;//null

delete getId.dataset.id2;//undefind

三：jquery data()方法

var id = $("#getId").data("id"); //

var viceId = $("#getId").data("vice-id"); //

//賦值

$("#getId").data("id","100");//

四：jquery attr()方法

var id = $("#getId").attr("data-id"); //

var viceId = $("#getId").attr("data-vice-id"); //

//賦值

$("#getId").attr("data-id","100");//

C#通過屬性名字符串獲取、設置對象屬性值

之前理工項目從這個博客找到了相對應的方法:C#通過屬性名字符串獲取.設置對象屬性值 https://www.cnblogs.com/willingtolove/p/12198871.html

PHP獲取MySql新增記錄ID值的3種方法

From: http://www.jb51.net/article/51473.htm 這篇文章主要介紹了PHP獲取MySql新增記錄ID值的3種方法,一般使用PHP自帶函數mysql_insert_ ...

JAVA中獲取文件MD5值的四種方法

JAVA中獲取文件MD5值的四種方法其實都很類似,因為核心都是通過JAVA自帶的MessageDigest類來實現.獲取文件MD5值主要分為三個步驟,第一步獲取文件的byte信息,第二步通過Messa ...

JS去除數組中重復值的四種方法

JS去除數組中重復值的四種方法 1?///?????????????o[this[i]]?=?""; ?} ?????} ??????newArr.p ...

Activity的跳轉及返回值 的四種方法

Activity生命周期 從創建到銷毀的生命周期: onCreate()→onStart()→onResume()→onPouse()→onStop()→onDestroy() 從起動到后臺再到前臺: ...

OpenCV獲取與設置像素點的值的幾個方法

Title: OpenCV OpenCV像素值的獲取與設置 Fn 1 : 使用 Mat 中對矩陣元素的地址定位的知識 (參考博文:OpenCV中對Mat里面depth,dims,channels,st ...

Java反射獲取對象VO的屬性值(通過Getter方法)

有時候,需要動態獲取對象的屬性值. 比如,給你一個List,要你遍歷這個List的對象的屬性,而這個List里的對象并不固定.比如,這次User,下次可能是Company. e.g. 這次我需要做一個 ...

js獲取json屬性值的兩種方法

1.json.XXX 2.json["XXX"] 第二種方法使用場景,當屬性值是變量時.如圖所示:

vue組件之間值傳遞四種方法匯總

1.父組件獲取子組件的數據和方法 $refs 子組件:

{{ zz }} ...

隨機推薦

gerrit 為每個工程設置提交的reviewer

嘗試安裝了 https://gerrit-ci.gerritforge.com/job/plugin-reviewers-stable-2.13/lastSuccessfulBuild/artifac ...

百度Ueditor

最近用到了百度Ueditor,也來寫一寫百度Ueditor的使用教程: 一.從官網下載百度Ueditor,http://ueditor.baidu.com/website/download.html, ...

直接拿來用！超實用的Java數組技巧攻略[轉]

來自csdn http://www.csdn.net/article/2013-09-16/2816947-methods-for-java-arrays 本文分享了關于Java數組最頂級的11大方法 ...

基類，派生類，內存分配情況?.xml

pre{ line-height:1; color:#1e1e1e; background-color:#d2d2d2; font-size:16px;}.sysFunc{color:#627cf6; ...

#module-django.db.models

Models A model is the single, definitive source of information about your data. It contains the esse ...

yii 刪除內容時增加ajax提示

環境 : 后臺有新聞分類和新聞的文章,在分類下有文章存在的時候,不想用戶刪除分類 代碼 controller public function actionDelete($id) { $data = C ...

android M Launcher之LauncherModel (一)

眾所周知 LauncherModel在Launcher中所占的位置,它相當于Launcher的數據中心,Launcher的桌面以及應用程序菜單中所需的數據像 桌面小部件的信息.快捷方式信息.文件信息. ...

python 全棧開發筆記 1

將自己的姓名用進制表示出來 #自己姓名的進制表示 name=input('請輸入你的名字:') for i in name: print(i) # python 3 中是按字符進行循環的 bytes_ ...

noiac132 B君的第三題 (樹形dp)

傳送門 本來想用點分治做,結果root又求不對 算的時候還算錯了 我好菜啊 結果szr大佬告訴我是樹形dp 我好菜啊!! 我們有$\lceil \frac{x}{k} \rceil = \frac{x ...

【Php】數組遍歷，foreach, each, trim()

總結

以上是生活随笔為你收集整理的html获取data-*值,html5 获取和设置data-*属性值的四种方法讲解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。