当前位置: 首页 > news >正文

HTML5 自定义属性 dataset

dataset 属性的 值是 DOMStringMap 的一个实例,也就是一个名值对儿的映射。

在这个映射中,每个 data-name 形式 的属性都会有一个对应的属性,只不过属性名没有 data-前缀

//本例中使用的方法仅用于演示
var div = document.getElementById("myDiv");
//取得自定义属性的值
var appId = div.dataset.appId;
var myName = div.dataset.myname;
//设置值
div.dataset.appId = 23456;
div.dataset.myname = "Michael";
//有没有"myname"值呢?
if (div.dataset.myname){ 
 alert("Hello, " + div.dataset.myname);
} 

 

转载于:https://www.cnblogs.com/jgwz/p/6431204.html

相关文章:

  • 一步一步学Python(2) 连接多台主机执行脚本
  • MySQL添加用户、删除用户与授权
  • C#中HttpWebRequest的用法详解
  • Curl命令使用解析大全
  • 【AUC】二分类模型的评价指标ROC Curve
  • 真是个信息爆炸的世界
  • Nginx 和 Apache 日志记录格式设置
  • sublime的使用技巧
  • 让技术不要成为“背锅侠”!
  • Tkinter,label内容随多选框变化
  • Android井字游戏(一)首页制作
  • win7系统如何配置JAVA环境变量
  • UIWebView(1)
  • VM虚拟机安装之后出现无法自动登录到桌面以及__vmware_user__怎么办
  • 链接收藏
  • 【node学习】协程
  • Angular 响应式表单之下拉框
  • canvas实际项目操作,包含:线条,圆形,扇形,图片绘制,图片圆角遮罩,矩形,弧形文字...
  • ECMAScript 6 学习之路 ( 四 ) String 字符串扩展
  • If…else
  • javascript面向对象之创建对象
  • Java教程_软件开发基础
  • JS+CSS实现数字滚动
  • Laravel5.4 Queues队列学习
  • php面试题 汇集2
  • SOFAMosn配置模型
  • Swoft 源码剖析 - 代码自动更新机制
  • 测试开发系类之接口自动化测试
  • 测试如何在敏捷团队中工作?
  • 基于web的全景—— Pannellum小试
  • 那些被忽略的 JavaScript 数组方法细节
  • 前嗅ForeSpider教程:创建模板
  • 探索 JS 中的模块化
  • 通过git安装npm私有模块
  • 微信如何实现自动跳转到用其他浏览器打开指定页面下载APP
  • 我的面试准备过程--容器(更新中)
  • 源码安装memcached和php memcache扩展
  • PostgreSQL之连接数修改
  • 策略 : 一文教你成为人工智能(AI)领域专家
  • ​​​​​​​GitLab 之 GitLab-Runner 安装,配置与问题汇总
  • (1)(1.13) SiK无线电高级配置(六)
  • (ctrl.obj) : error LNK2038: 检测到“RuntimeLibrary”的不匹配项: 值“MDd_DynamicDebug”不匹配值“
  • (Redis使用系列) SpirngBoot中关于Redis的值的各种方式的存储与取出 三
  • (入门自用)--C++--抽象类--多态原理--虚表--1020
  • (一)基于IDEA的JAVA基础1
  • (转)Mysql的优化设置
  • .【机器学习】隐马尔可夫模型(Hidden Markov Model,HMM)
  • .bat批处理(八):各种形式的变量%0、%i、%%i、var、%var%、!var!的含义和区别
  • .NET Micro Framework初体验(二)
  • .NET 中让 Task 支持带超时的异步等待
  • .net6Api后台+uniapp导出Excel
  • @软考考生,这份软考高分攻略你须知道
  • [ 常用工具篇 ] AntSword 蚁剑安装及使用详解
  • [120_移动开发Android]008_android开发之Pull操作xml文件
  • [2016.7 day.5] T2