2 zzzcsd zzzcsd 于 2016.03.03 10:49 提问

html标签上的class和data,如何分工?
 <div class="selected" data-type="yellow"></div>

html标签上的class和data两个attribute,都可以用来标记和该节点相对应的一些状态和数据
两者经常混用
如何分工,才算比较合理?

3个回答

showbo
showbo   Ds   Rxr 2016.03.03 10:52
已采纳

class是样式,控制div的显示,data-type是自定义属性或者h5的数据,可以通过dom.dataset.type来获取,这2个不是同一东西。。

qq_25093755
qq_25093755   2016.03.03 11:01

class是控制页面布局样式,data-type控制数据显示的样式,两者获取跟节点元素的方法不一样

qq_33327210
qq_33327210   2016.03.03 14:01

这是两回事吧,不是一个东西

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Jquery:为标签添加data存放额外数据
有时候可能需要为一个标签添加一些额外的属性,b
为HTML标签事件追加函数
为HTML标签事件追加函数例子:button点击时执行函数fun1,效果为弹出提示:this isfun1。场景:找不到button的onclick事件位置,或不能修改onclike目的:button点击时在原基础上再执行fun2。           fun2,效果为弹出提示:this isfun2。分析:在找不到原onclik的情况下简单改写onclick,原效果会消失          要在...
HTML语言中img标签的alt属性和title属性的作用与区别
转自百度知道:https://zhidao.baidu.com/question/263730425037686525.html alt属性和title属性的区别是前者是在图片无法加载的时候才会显示的其值,而title是在图片正常加载鼠标划上去显示的值,虽然alt也有后者的功能,但是只是在低版本的ie浏览器才支持,高版本及标准浏览器不支持这个 功能了。 工具原料;编辑器、浏览器
如何设置网页标签的LOGO
问题描述:我们打开很多页面都会发现浏览器标签上有LOGO,那么我们该怎么样给自己的网站也设置一个酷炫的LOGO呢? 解决办法:                     1.首先取一张图片,打开 http://www.bitbug.net/ 或者百度 搜索ico图标制作 制作成16*16px的ico图标                      2.将文件名改为favicon.ico  
vue data-v-xxx
现象:在Vue开发中,会遇到html被浏览器解析后,在标签中出现’data-v-xxxxx’标记,如下:<div data-v-fcba8876 class="xxx"> aaa</div>原因:来看官方解释:<style scoped> @media (min-width: 250px) { .list-container:hover { background: orang
10-9前端学习内容复习(选项卡、三目运算符、与或运算符)
一、用javascript实现选项卡功能: window.onload= function(){ 函数内容 } HTML是从上往下加载内容的,所以写js时要先用window.onload预加载页面元素,js功能才得以实现。 js里数组写法: arr=[1,2,3,4,5]; var arr = new Array(); 实现选项卡功能切换可以先把对应要显示的内容
html data 存储数据、
转自点击打开链接 人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简
给某个标签,添加事件(onclick、change等事件),有两种,1在html标签中直接加上事件 2在页面加载完成后,在ready函数中给标签添加事件,特别是对于自己封装的控件如box,一般都是用2
给某个标签,添加事件(onclick、change等事件),有两种,1在html标签中直接加上事件 2在页面加载完成后,在ready函数中给标签添加事件,特别是对于自己封装的控件如box,一般都是用2 因为:自己封装的空间,不是标准的html标签,没办法添加事件,除非自定义的控件自己定义了触发事件,在加载完成后,前端框架,如box或者miniui等,会对空间进行初始化,转变成标准的html标签。
正则表达式,在html标签上的应用
<br />1,得到网页上的链接地址:<br />       string matchString = @"<a[^>]+href=/s*(?:'(?<href>[^']+)'|""(?<href>[^""]+)""|(?<href>[^>/s]+))/s*[^>]*>";<br />2,得到网页的标题:<br />            string matchString = @"<title>(?<title>.*)</title>";<br />3,去掉网页中的所有的html标记:<br />
html Image Placeholder
想给我的img标签增加一个占位符 问谷歌, Image Placeholder 6down votefavorite 2 I have defined the image tag with a background color so that if there is no image the colo