html獲取data-*值,html5 獲取和設置data-*屬性值的四種方法講解

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()

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/394635.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/394635.shtml
英文地址,請注明出處:http://en.pswp.cn/news/394635.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

三菱模擬量輸入與輸出程序_初學PLC是學習西門子還是三菱?

PLC的種類繁多,品牌大多分為歐系、日系、美系。德系PLC以西門子為主,日系有三菱、歐姆龍、松下……,美系有羅克韋爾(A-B)通用電氣(GE)公司、莫迪(MODICON)公司等。美國和歐洲的PLC技術是在相互隔離情況下獨立研究開發的,因此美國和…

性能測試十四:Xshell鏈接linux虛擬機

一、先裝一個linux虛擬機 VBoxcentos1、先下載Linux鏡像文件的ovf或者OVA文件2、打開vbox,點擊菜單欄“管理”-“導入虛擬電腦3、選擇解壓路徑中的ovf或者OVA文件,點擊下一步 4、點擊“導入”,等待完成5、導入成功后,選擇新導入的…

代碼編寫工具_我希望在開始編寫代碼時就已經知道的工具:已復習

代碼編寫工具by Mario Hoyos通過馬里奧霍約斯(Mario Hoyos) 我希望在開始編寫代碼時就已經知道的工具:已復習 (Tools I wish I had known about when I started coding: Revisited) A few days ago, I wrote this article for freeCodeCamp which has since gone o…

Hydra掃描姿勢

參數詳解: -R 根據上一次進度繼續破解 -S 使用SSL協議連接 -s 指定端口 -l 指定用戶名 -L 指定用戶名字典(文件) -p 指定密碼破解 -P 指定密碼字典(文件) -e 空密碼探測和指定用戶密碼探測(ns) -C 用戶名可以用:分割(username:password)可以代替-l username -p pass…

html5進度條插件 傳遞參數,Html5進度條插件(自寫)

(function () {window.H5ProgressBar function (obj) {this.height obj.height;this.width obj.width;this.speed obj.speed;};//在界面上布局元素H5ProgressBar.prototype.drawLayout function () {document.write("開始下載")document.write(" ")do…

python合并txt文本_Python實現將目錄中TXT合并成一個大TXT文件的方法

本文實例講述了Python實現將目錄中TXT合并成一個大TXT文件的方法。分享給大家供大家參考。具體如下: 在網上下了一個dota的英雄攻略,TXT格式,每個英雄一個文件,看得疼,就寫了一個小東西,合并一下. #codinggbk import os import sys import glob def dirTxtToLargeTx…

讀取字符串中的數字和小數

package com.jm.label.tools;import java.util.Map;import java.util.TreeMap;import java.util.regex.Matcher;import java.util.regex.Pattern;/** * 讀取字符串中的數字和小數 * author JM.H * */public class DigitUtil { public static String getNumber(String str){ …

html網頁設計要點,網站交互設計的8個要點

一、力求一致性例如網站首頁需要和每一個下級頁面保持一致的風格,導航都要放在屏幕的左上角,具有高度一致性的界面能給人清晰整潔的感覺。二、允許頻繁使用快捷鍵快捷鍵表示產品使用的靈活性和有效性,想想每次我們使用搜索引擎的時候是鼠標點…

行為擴展以及插件機制

在thinkPHP中的行為擴展和插件機制。 首先行為擴展這個概念是TP框架的核心組成之一,關于行為的解釋我就粗略的概括一下吧: TP在從接受到HTTP請求到最終將試圖輸出,期間經歷的很多步驟,這些步驟大家可以在http://document.thinkphp…

python android 庫_Python庫

Gevent Gevent是一個基于greenlet的Python的并發框架,以微線程greenlet為核心,使用了epoll事件監聽機制以及諸多其他優化而變得高效。 于greenlet、eventlet相比,性能略低,但是它封裝的API非常完善,最贊的是提供了一個…

ios 應用商店_如何在預算范圍內制作值得應用商店使用的iOS應用預覽

ios 應用商店Back in 2014, Apple made it possible to add an app preview to the the App Store. App previews are the best way to show potential users what your app has to offer before they download the app. In fact, users are 3x more likely to install an app …

搭建nfs共享存儲服務之二nfs服務端配置

1.1.NFS服務端配置文件路徑為: /etc/exports,并且默認為空,需要用戶自行配置。/etc/exports文件配置格式為:NFS共享的目錄 NFS客戶端地址1(參數1,參數2...)客戶端地址2(參數1&#x…

計算機word基本知識選擇題,2017計算機基礎考試選擇題「附答案」

2017計算機基礎考試選擇題「附答案」一、單項選擇題(每題1.5分,共30分)1、文件名使用通配符的作用是(b)A、減少文件名所占用的磁盤空間B、便于一次處理多個文件C、便于給一個文件命名D、便于保存文件2、操作系統是一種(a)A、系統軟件 B、系統程序庫 C、編譯程序系統…

[JLOI2015]管道連接(斯坦納樹)

[Luogu3264] 原題解 多個頻道,每個頻道的關鍵點要求相互聯通 詳見代碼,非常巧妙 #include<cstdio> #include<iostream> #include<cstring> #include<algorithm> #include<queue> #define debug(...) fprintf(stderr,__VA_ARGS__) #define Debug(…

關于web前端的學習路線

第一階段&#xff1a; HTMLCSS:HTML進階、CSS進階、divcss布局、HTMLcss整站開發、 JavaScript基礎&#xff1a;Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。 JS基本特效&#xff1a;常見特效、例如&#xff1a;tab、導航、整頁…

值大于為此列指定的允許精度_電能質量測試精度會受到哪些因素影響?如何解決?...

關于電能質量&#xff08;也稱為PQ:Power Quality&#xff09;研究的主題已成為多方面的話題。其需要考慮的不僅僅是IEC 61000-x-x電磁兼容性標準中規定的實際電能質量現象。在實踐中&#xff0c;通常還會增加其他重要參數來保證供電的安全性&#xff0c;在某些情況下這些參數甚…

SEO博客

http://www.chinamyhosting.com/seoblog/分類: SEO 本文轉自快樂就好博客園博客&#xff0c;原文鏈接&#xff1a;http://www.cnblogs.com/happyday56/archive/2008/05/10/1191435.html&#xff0c;如需轉載請自行聯系原作者

gis計算各省河流長度_用河流和各方解釋安全漏洞

gis計算各省河流長度by Andrea Zanin由Andrea Zanin 用河流和各方解釋安全漏洞 (Security Vulnerabilities Explained with Rivers and Parties) Security vulnerabilities can be boring to learn. But you still need to learn them, unless you want some hacker to delete…

Delphi關于記錄文件的操作

http://www.cnblogs.com/railgunman/archive/2010/08/16/1801004.html Delphi關于記錄文件的操作 本例子幾個變量的說明TFileRec record   //記錄定義Day : Integer;...          //其他定義end;f : File of TFileRec;   //標準的輸入/輸出文件FilRec : TFileR…

pygame游戲開發入門例子

# *_* coding:utf-8 *_*# 開發團隊:中國軟件開發團隊# 開發人員:Administrator# 開發時間:2019/3/23 11:16# 文件名稱:pygame_demo# 開發工具:PyCharmimport sysimport pygameimport timedef main(): sizewidth,height640,480 pygame.init() screenpygame.display.set…