码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 data属性

时间:2018-11-19 11:12:38      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:就是   size   query   bsp   doc   行数据   let   取值   tor   

在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,命名可以用驼峰命名方式,但取值是必需全部使用小写,否则是undefinde 使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。

   小写

<div id="app" data-app="app">
驼峰式
let cour = document.querySelector(‘#cour‘);

获取data-的值
let  app = document.querySelector(‘#app‘);
let cour = document.querySelector(‘#cour‘);

console.log (app.dataset.app);
console.log (cour.dataset.courcd);
 
 

HTML5 data属性

标签:就是   size   query   bsp   doc   行数据   let   取值   tor   

原文地址:https://www.cnblogs.com/zhx119/p/9981371.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!