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.mzph.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…