HTML5自定义属性

：点上面关注免费学习前端知识！

HTML5规定可以为元素添加非标准的属性，但要添加前缀 data- ，目的是为元素提供与渲染无关的信息，或者提供语义信息。这些属性可以任意添加、随便命名，只要以 data- 开头即可。来看一个例子。

添加了自定义属性之后，可以通过元素的 dataset 属性来访问自定义属性的值。 dataset 属性的值是 DOMStringMap 的一个实例，也就是一个名值对儿的映射。

在这个映射中，每个 data-name 形式的属性都会有一个对应的属性，只不过属性名没有 data- 前缀（比如，自定义属性是 data-myname ，那映射中对应的属性就

是 myname ）。还是看一个例子吧。

var div = document.getElementById(“myDiv”);

//取得自定义属性的值

var appId = div.dataset.appId;

var myName = div.dataset.myname;

//设置值

div.dataset.appId = 23456;

div.dataset.myname = “Michael”;

如果需要给元素添加一些不可见的数据以便进行其他处理，那就要用到自定义数据属性。

HTML5自定义属性相关推荐

html5自定义属性作用,html5自定义属性：如何获取自定义属性值（附代码）
这篇文章给大家介绍的内容是关于html5自定义属性:如何获取自定义属性值(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 自定义属性: 在HTML5中我们可以自定义属性,其格 ...
HTML5自定义属性对象Dataset简介(data-xxx)
文章传送门:HTML5自定义属性对象Dataset简介相关文章: 翻译-你必须知道的28个HTML5特征.窍门和技术 HTML5终极备忘大全(图片版+文字版)
html5 自定义属性data-*
html5 提供自定义属性,格式是data-* 可以用来存放数据集主要有两种方式 1.直接在元素里面设置 <div id="ageId" data-age ="2 ...
html元素data属性设置变量,HTML5 自定义属性 data-* 和 jQuery.data 详解
编辑注:HTML中使用data-xx="xx"开头标记的属性到底有什么用,直接使用xx="xx"不是更简单吗?其实data-xx是HTML5的一个属性,支持通过 ...
28个HTML5特征、窍门和技术
原文地址: http://www.zhangxinxu.com/wordpress/2010/08/%E7%BF%BB%E8%AF%91-%E4%BD%A0%E5%BF%85%E9%A1%BB%E7 ...
你必须知道的28个HTML5特征、窍门和技术
by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1058 原文地址:h ...
html5相关笔记（一）
0.推荐开发技术资料网站:http://www.shouce.ren/,里面包含了各种开发技术手册.开发工具插件.各种技术书籍等等. 1 网页开发方式上的两个层次: ◆HTML4.1 ◇结构:html ...
html5新增的js,HTML5新增属性data-*和js/jquery之间的交互及注意事项
html的data-*属性是HTML5的新属性,用的时候在IE8html的data-*属性是HTML5的新属性,用来自定义属性,以在JS 中控制,用不会出问题,就是用js去获得的时候会有问题, 不过用 ...
HTML5 dataset遍历,H5中data-xxxx属性
data-* 属性是 HTML5 中的新属性. 本文转自:https://www.jianshu.com/p/57bf9cc64ef2 定义和用法 (1)data-* 属性用于存储页面或应用程序的私有 ...

HTML5自定义属性

HTML5自定义属性相关推荐

最新文章

热门文章