html5自定义属性怎么使用

这篇文章主要介绍了html5自定义属性怎么使用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇html5自定义属性怎么使用文章都会有所收获，下面我们一起来看看吧。 html5自定义属性“data-*”用于存储私有页面后应用的自定义数据，而自定义的数据可以让页面拥有更好的交互体验（不需要使用Ajax或去服务端查询数据），语法“”；“data-*”属性由两部分组成：1、属性名不要包含大写字母，在“data-”后必须至少有一个字符；2、属性值，该值可以是任何字符串。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。html5自定义属性data-*data-* 属性用于存储私有页面后应用的自定义数据，是 HTML5 新增的属性。somevalue：指定属性值 (一个字符串)data-* 免费云主机、域名属性可以在所有的 HTML 元素中嵌入数据。自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。data-* 属性由以下两部分组成：属性名不要包含大写字母，在 data- 后必须至少有一个字符。属性值，该属性值可以是任何字符串注意： 自定义属性前缀 “data-” 会被客户端忽略。利用dataset可以获取data-属性构造的对象，该方法目前只能在Chrome 、Opera等部分浏览器中实现，其他浏览器如需获取其属性值需要使用getAttribute和setAttribute来操作。只要在标签里面以”data-”为前缀定义我们的自定义属性就可以用来进行一些数据的存放。这个data属性还可以应用在CSS中，前提是你的浏览器支持after伪类，以及content的attr属性（低版本的IE不支持）：如何获取data属性的值？1、使用getAttribute来获取2、使用Html5自定义属性对象Dataset来获取注意：带连字符连接的名称在使用的时候需要命名驼峰化，即大小写组合书写，这与应用元素的style对象类似，dom.style.borderColor。例如data属性为data-other-attribute，则我们要获取相应的值可以使用：myp.dataset.otherAttribute如果Html元素定义了多个自定义属性，如何获取？2、使用循环遍历3、使用dataset属性注：dataset并不是典型意义上的JavaScript对象，而是个DOMStringMap对象，DOMStringMap是HTML5一种新的含有多个名-值对的交互变量1）、让所有的自定义的属性值塞到一个数组中2）、删掉一个data属性3、增加一个data属性dataset的兼容性处理如果浏览器不支持dataset，有必要做一下兼容处理：关于“html5自定义属性怎么使用”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“html5自定义属性怎么使用”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注云技术行业资讯频道。

相关推荐: 怎么在Node.js中进行同步查询

本篇内容主要讲解“怎么在Node.js中进行同步查询”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么在Node.js中进行同步查询”吧! 一、Node.js异步查询通常情况下，Node.js使用异步查询，以避免阻…