HTML5 dataset All In One dataset https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/dataset#Name_conversion <!-- DOM & dataset --> <button data-unique-id="007"> click me get the button's id!</button> <…

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据.但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用.这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情. 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和…

当然高级浏览器下可通过脚本进行定义和数据存取.在项目实践中非常有用. 例如: 复制代码 代码如下: <div id = "user" data-uid = "12345" data-uname = "脚本之家" > </div> 使用attribute方法存取 data-* 自定义属性的值 使用attributes方法存取 data-* 自定义属性的值非常方便: 复制代码 代码如下: // 使用getAttribute获取…

在HTML元素上直接添加以‘data-’开头的属性,例如 <div data-mydata='this is my data'></div> 操作它的方式有classList 和dataset,见我另一篇博客: 链接:https://www.cnblogs.com/yummylucky/p/10685650.html dataset 与 getAttribute/setAttribute 的区别是: dataset 只可以操作 ‘data-’ 开头的自定义属性,而 getAttri…

https://blog.csdn.net/qq_31851435/article/details/53100691 <div id="myDiv" data-attribute="value">在标签里设置H5新增的自定义属性</div> 方法一 var myDiv = document.getElementById("myDiv"); var theValue = myDiv.getAttribute("us…

一.html5 自定义属性介绍 我之前翻译的“你必须知道的28个HTML5特征.窍门和技术”一文中对于HTML5中自定义合法属性data-已经做过些介绍,就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们要在一个文字按钮上存放相对应的id: <a href="javascript:" data-id="2312">测试</a> 这里的data-前缀就被称为data属性,其可以通过脚本进行定义,…

在HTML5之前HTML4我们也可以自定义属性通过setAttribute去设置或者直接写在HTML标签里面那么HTML5新增data-*(*可以替换成你喜欢的任意名字)属性有什么用呢? 更便的捷操作 我们先来给大家介绍一下HTML5 dataset属性,他会以键值对的形式返回你所有以data- 开头的自定义属性 <p class="test" data-name="cqs" data-age="25" ></p> <…

先声明  HTML5的自定义属性浏览器支持性不太好   目前只有firefox6+和chrome浏览器支持 元素除了自带的属性外 另外也可以加自定义属性   不过需要在前面加上data- 下面举个例子 <div class="btn user" data-appid='我是自定义属性的值'>我是div</div> 怎样获得   和更改自定义属性呢?  通过dataset属性 console.log(document.compatMode) var div=doc…

新的HTML5标准允许你在普通的元素标签里,嵌入类似data-*的属性,来实现一些简单数据的存取.它的数量不受限制,并且也能由javascript动态修改,也支持CSS选择器进行样式设置.这使得data属性特别灵活,也非常强大.有了这样的属性我们能够更加有序直观的进行数据预设或存储.下面介绍HTML5 Dataset 存储的实际应用,以及包括jQuery在内的四种存取方式. HTML5 Dataset 存储的例子 为一个元素分配data属性存储数据,例如这是一个span元素,它的内容是一首音乐的…

简单的罗列一个HTML5的新东西,以后的几天里详细的过一遍一个挺有用的网站:www.css88.com [H5的新标签] 用之前的标签完全可以代替的:header footer aside atrical nav address time mark section 新增的重要的标签:video audio caves(画图) 这些新标签的作用:语义化,使代码的可读性更强:便于提高搜索优化. 再谈谈兼容性:兼容IE9+,IE8及其以下有些可以解决,但大部分的还是放弃.这里有两个词我觉得挺好,简单写…