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()
html获取data-*值,html5 获取和设置data-*属性值的四种方法讲解相关推荐
- 单一修改高程值lisp_浅谈AutoCAD中修改高程的四种方法
浅谈 AutoCAD 中修改高程的四种方法 摘 要: 在使用 AutoCAD 进行数字化成图工作中,经常遇到线划的标高不为零,及高程点的值与实地不符,需要对其进行修改等情况,结合实 际工作经验,简单介 ...
- 交换两个变量的值,不使用第三个变量的四种方法
2019独角兽企业重金招聘Python工程师标准>>> 通常我们的做法是(尤其是在学习阶段):定义一个新的变量,借助它完成交换.代码如下: int a,b; a=10; b=15; ...
- C#通过属性名字符串获取、设置对象属性值
目录 #通过反射获取对象属性值并设置属性值 0.定义一个类 1.通过属性名(字符串)获取对象属性值 2.通过属性名(字符串)设置对象属性值 #获取对象的所有属性名称及类型 #判断对象是否包含某个属性 ...
- jQuery获取、设置标签属性值
jQuery获取.设置标签属性值 jQuery提供了两种方法: attr():传入一个参数获取某属性值,两个参数:修改某属性值,返回参数的值(不推荐操作checked.readOnly.selecte ...
- matplotlib之pyplot模块——获取/设置对象属性值(setp()、getp/get())
当前有效matplotlib版本为:3.4.1. 概述 pyplot模块提供了获取/设置对象属性值的接口.功能类似于Python内置函数getattr和setattr.从源码上来看,get()是get ...
- getComputedStyle currentStyle 获取当前元素所有最终使用的CSS属性值
object.getComputedStyle 获取当前元素所有最终使用的CSS属性值.返回的是一个CSS样式声明对象,只读,不能设置. 此方法不兼容IE8及以下,需用currentStyle方法. ...
- JAVA中获取文件MD5值的四种方法
JAVA中获取文件MD5值的四种方法其实都很类似,因为核心都是通过JAVA自带的MessageDigest类来实现.获取文件MD5值主要分为三个步骤,第一步获取文件的byte信息,第二步通过Messa ...
- 通过Value获取Map中的键值Key的四种方法
1 简介 我们都知道Map是存放键值对<Key,Value>的容器,知道了Key值,使用方法Map.get(key)能快速获取Value值.然而,有的时候我们需要反过来获取,知道Value ...
- 获取MAC地址的四种方法(转)
https://www.cnblogs.com/zlshmily/p/10058560.html zlshmily 在实际的应用系统中,我们往往会需要在程序运行时获取当前机器的网卡的MAC地址,以便作 ...
最新文章
- order by总结
- 写有效率的SQL查询(IV)
- Android Studio同步失败设置代理,Android Studio如何设置代理?
- linux和Windows平台 android sdk 中build tools 区别
- 【数字逻辑设计】判断二进制加法溢出的电路设计
- 一个flash前后台开源框架的的站点
- 计算机的存储器就是半导体,计算机存储器:永不失忆的半导体芯片
- 正文内容 SQL Server 数据库清除日志
- [数分提高]2014-2015-2第1教学周第2次课
- 微信小程序的组件 component开发,提高效率第三篇
- 联众打码写滑动_自己写了一个答题的软件现在分享一下(在分享一下联众打码源码调用) _ 综合讨论 - 按键精灵论坛...
- 录像机CIF、D1、720P、960P、1080P分辨率及硬盘所占空间
- diskgenius创建efi分区_怎么创建efi系统分区?efi系统分区创建教程
- 任正非:管理上的灰色,是我们的生命之树
- 凝思系统激活序列号_凝思磐石安全操作系统
- LeCo-200. 岛屿数量
- EasyRecovery免费电脑硬盘数据恢复软件使用教程
- docker出现request cancele le waiting for connection Client. Timeout exceeded while awaiting headers问题
- 我国工业自动化市场现状分析报告
- 淘宝爬虫实战---requests库实现模拟登陆模块
热门文章
- .Net转Java自学之路—SpringMVC框架篇八(RESTful支持)
- Statement与PreparedStatement的区别
- 多个 gradle 文件夹 \.gradle\wrapper\dists\ 设置gradle不是每次都下载
- 如何快速掌握一门新技术/语言/框架
- commons-pool
- Javascript验证上传图片大小[前台处理]
- 华为路由交换VRRP配置
- 推荐算法的先验算法的连接_数据挖掘专注于先验算法
- 709. 转换成小写字母
- leetcode 1239. 串联字符串的最大长度