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-*属性值的四种方法讲解相关推荐

  1. 单一修改高程值lisp_浅谈AutoCAD中修改高程的四种方法

    浅谈 AutoCAD 中修改高程的四种方法 摘 要: 在使用 AutoCAD 进行数字化成图工作中,经常遇到线划的标高不为零,及高程点的值与实地不符,需要对其进行修改等情况,结合实 际工作经验,简单介 ...

  2. 交换两个变量的值,不使用第三个变量的四种方法

    2019独角兽企业重金招聘Python工程师标准>>> 通常我们的做法是(尤其是在学习阶段):定义一个新的变量,借助它完成交换.代码如下: int a,b; a=10; b=15; ...

  3. C#通过属性名字符串获取、设置对象属性值

    目录 #通过反射获取对象属性值并设置属性值 0.定义一个类 1.通过属性名(字符串)获取对象属性值 2.通过属性名(字符串)设置对象属性值 #获取对象的所有属性名称及类型 #判断对象是否包含某个属性 ...

  4. jQuery获取、设置标签属性值

    jQuery获取.设置标签属性值 jQuery提供了两种方法: attr():传入一个参数获取某属性值,两个参数:修改某属性值,返回参数的值(不推荐操作checked.readOnly.selecte ...

  5. matplotlib之pyplot模块——获取/设置对象属性值(setp()、getp/get())

    当前有效matplotlib版本为:3.4.1. 概述 pyplot模块提供了获取/设置对象属性值的接口.功能类似于Python内置函数getattr和setattr.从源码上来看,get()是get ...

  6. getComputedStyle currentStyle 获取当前元素所有最终使用的CSS属性值

    object.getComputedStyle  获取当前元素所有最终使用的CSS属性值.返回的是一个CSS样式声明对象,只读,不能设置. 此方法不兼容IE8及以下,需用currentStyle方法. ...

  7. JAVA中获取文件MD5值的四种方法

    JAVA中获取文件MD5值的四种方法其实都很类似,因为核心都是通过JAVA自带的MessageDigest类来实现.获取文件MD5值主要分为三个步骤,第一步获取文件的byte信息,第二步通过Messa ...

  8. 通过Value获取Map中的键值Key的四种方法

    1 简介 我们都知道Map是存放键值对<Key,Value>的容器,知道了Key值,使用方法Map.get(key)能快速获取Value值.然而,有的时候我们需要反过来获取,知道Value ...

  9. 获取MAC地址的四种方法(转)

    https://www.cnblogs.com/zlshmily/p/10058560.html zlshmily 在实际的应用系统中,我们往往会需要在程序运行时获取当前机器的网卡的MAC地址,以便作 ...

最新文章

  1. order by总结
  2. 写有效率的SQL查询(IV)
  3. Android Studio同步失败设置代理,Android Studio如何设置代理?
  4. linux和Windows平台 android sdk 中build tools 区别
  5. 【数字逻辑设计】判断二进制加法溢出的电路设计
  6. 一个flash前后台开源框架的的站点
  7. 计算机的存储器就是半导体,计算机存储器:永不失忆的半导体芯片
  8. 正文内容 SQL Server 数据库清除日志
  9. [数分提高]2014-2015-2第1教学周第2次课
  10. 微信小程序的组件 component开发,提高效率第三篇
  11. 联众打码写滑动_自己写了一个答题的软件现在分享一下(在分享一下联众打码源码调用) _ 综合讨论 - 按键精灵论坛...
  12. 录像机CIF、D1、720P、960P、1080P分辨率及硬盘所占空间
  13. diskgenius创建efi分区_怎么创建efi系统分区?efi系统分区创建教程
  14. 任正非:管理上的灰色,是我们的生命之树
  15. 凝思系统激活序列号_凝思磐石安全操作系统
  16. LeCo-200. 岛屿数量
  17. EasyRecovery免费电脑硬盘数据恢复软件使用教程
  18. docker出现request cancele le waiting for connection Client. Timeout exceeded while awaiting headers问题
  19. 我国工业自动化市场现状分析报告
  20. 淘宝爬虫实战---requests库实现模拟登陆模块

热门文章

  1. .Net转Java自学之路—SpringMVC框架篇八(RESTful支持)
  2. Statement与PreparedStatement的区别
  3. 多个 gradle 文件夹 \.gradle\wrapper\dists\ 设置gradle不是每次都下载
  4. 如何快速掌握一门新技术/语言/框架
  5. commons-pool
  6. Javascript验证上传图片大小[前台处理]
  7. 华为路由交换VRRP配置
  8. 推荐算法的先验算法的连接_数据挖掘专注于先验算法
  9. 709. 转换成小写字母
  10. leetcode 1239. 串联字符串的最大长度