HTML5新特性-自定义属性(data-set)

设么是data-set

在HTML5中我们可以使用data-前缀设置我们需要的自定义属性，来进行一些数据的存放使用data-set可以获取这些数据

实例

    <div id='2' data-food='皮皮虾'></div>
<script type="text/javascript">var len = document.getElementById('2')console.log(len.dataset.food) //打印皮皮虾
</script>

和 getArrbute 的比较

dataset操作data 要比使用getAttribute稍微慢些

转载于:https://www.cnblogs.com/wangxiaoQie/p/6722082.html

HTML5新特性-自定义属性(data-set)相关推荐

html5储存类型特点,避免踩雷！你不得不知的 HTML5 “新”特性
什么是 HTML5 HTML的发展历程如下: 产生于1990年 1997年 HTML4 出现,成为互联网开发的标准 2008年,HTML5正式出现,2002年趋于稳定 HTML在发展过程中,HTML4 ...
利用HTML5新特性实现拖拽交换表格单元格元素
利用HTML5新特性实现拖拽交换表格单元格元素 HTML5新特性:拖放拖放拖放(Drag 和 Drop)是很常见的特性.它指的是您抓取某物并拖入不同的位置. 拖放是 HTML5 标准的组成部分:任 ...
html5 svg特性,HTML5新特性——HTML 5 Canvas vs. SVG
Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的. SVG SVG 是一种使用 XML 描述 2D 图形的语言. SVG 基于 XML,这意味着 SVG DOM 中的每个 ...
HTML5新特性小结
HTML5 新特性新的DocType: <!DOCTYPE html> 不需要声明文档类型: 脚本和链接不需要type属性,如 lingk, script; 语义化标签,如:header ...
Html5新特性总览
Html5新特性总览 1.HTML5 新元素标签描述 < article> 定义页面独立的内容区域. < aside> 定义页面的侧边栏内容. < bdi> 定 ...
html5新特性与用法大全了解一下
有好多小伙伴私聊我问我html5新特性和用法,下面我给大家具体介绍一下html5都新加了哪些新特性,下面我给大家总结一下. 1)新的语义标签 footer header 等等 2)增强型表单表单2 ...
HTML5新特性的学习笔记
HTML5新特性的学习笔记 HTML 超文本标记语言: HyperText Markup Language 这份学习笔记的主要内容是HTML5的新标签基于菜鸟教程的个人向学习笔记菜鸟教程文章目录 ...
HTML滑动条自动滑动,HTML5新特性——自定义滑动条（input[type=range]）
HTML 4.01 与 HTML5之间的差异以下 input 的 type属性值是 HTML5 中新增的: color.date.datetime.datetime-local.month.week ...
HTML5新特性总结 1
文章目录 HTML5 HTML5 浏览器支持 HTML5新元素 HTML5 Canvas 浏览器支持创建一个画布(Canvas) 使用 JavaScript 来绘制图像画线.画圆.写字.渐变效果 ...

HTML5新特性-自定义属性(data-set)

设么是data-set

实例

和 getArrbute 的比较

HTML5新特性-自定义属性(data-set)相关推荐

最新文章

热门文章

HTML5新特性-自定义属性(data-set)

设么是data-set

实例

和 getArrbute 的 比较

HTML5新特性-自定义属性(data-set)相关推荐

最新文章

热门文章

和 getArrbute 的比较