html标签上的class和data，如何分工？

 <div class="selected" data-type="yellow"></div>

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

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Go 旅城通票 2016-03-03 02:52
关注
class是样式，控制div的显示，data-type是自定义属性或者h5的数据，可以通过dom.dataset.type来获取，这2个不是同一东西。。

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(2条)

报告相同问题？

关注问题

请教一个HTML的UL标签下的显示问一题 html javascript 前端有问必答
2022-01-28 21:43

回答 3 已采纳第一个代码块的get_form怎么写的？2个的tab html代码基本上一致，就是第一个不知道你的get_form做了什么处理。题主用的boostrap ，对应的js都导入了吗？jquery.js，
html js 怎么把数据写入相应的id的标签里 html5 javascript jquery
2019-08-27 09:41

回答 4 已采纳涉及到ajax 改为同步即可
html前端如何接收与解析后端返回来的结果码 ajax html5 javascript
2021-11-13 11:11

回答 5 已采纳先打印下resp，看下返回的数据结构，再把你想要的数据传到show里面去
前端——html拖拽原理
2023-12-05 01:36

yma16的博客大家好，我是yma16，本文分享关于前端——html拖拽原理。 vue3系列相关文章： vue3 + fastapi 实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“ # ”号——nginx配置 csdn新星计划vue3+ts+antd...
大佬们，富文本带标签的信息，怎么在html展示出来呀 html5 javascript node.js
2020-08-17 11:56

回答 3 已采纳 console.log(body);输出的是什么
一个关于textarea标签如何用js获取的问题 html javascript 前端
2022-04-20 09:11

回答 2 已采纳将获取textarea的内容方式由innerHTML改为value即可： var text = document.getElementById("md").value; const data = {
请问，这段小代码能不能优化？ html5 javascript 前端
2023-01-23 13:47

回答 2 已采纳谢邀，望采纳！ css 有可见性属性，可设置隐藏或显示，占位。 visibility:hidden visibility:visible
jquery中的$(this)怎么修改html内容 html jquery 前端有问必答
2021-12-31 23:42

回答 2 已采纳你题目的解答代码如下： <script> function addBook(id,t){ $.post("${pageContext.request.contextPa
请问div后面跟的属性“data-v-e20faf64”是什么意思 html5 javascript
2020-12-09 10:05

回答 1 已采纳在Vue开发中，会遇到html被浏览器解析后，在标签中出现'data-v-xxxxx'标记比如： <div data-v-fcba8876 class="xxx"> aaa<
使用jquery easyui动态加载一个html片段到一个div标签中，详细见正文 easyui html5 jquery
2016-04-21 06:51

回答 3 已采纳 ``` $("#etabs").tabs('getSelected').html(data); $('#remoteUploadDatagrid').datagrid({});//调用a
HTML的元素、标签和属性
2022-07-13 11:42

学习&实践爱好者的博客 HTML的元素、标签和属性及其之间的关系
进入前端页面后，没有显示sql里的数据 html5 java sql
2021-07-29 16:53

回答 2 已采纳接口404了url地址错了吧
购书网站前端实现（HTML+CSS+JavaScript）
2020-09-07 17:18

陆海潘江小C的博客购书+阅读静态网页设计与实现，纯HTML+CSS+Javascript，基本实现网站经典功能：图片轮播切换、点击切换、表单登录验证、用户浏览网站时长计算、鼠标点击提示、加载提示，体验前端开发的过程，小白入门前端开发案例...
2024年前端面试题汇总
2023-02-08 22:55

sun_qqq的博客伪类本质上用于弥补常规css选择器的不足，因为如果没有我们可能需要多写一个class，所以叫伪类 .class:last-child{} .class:first-child{} a:link {color:green;} a:visited {color:green;} a:hover {color:red;} a...
没有解决我的问题, 去提问

悬赏问题

¥20 我想使用一些网络协议或者部分协议也行，主要想实现类似于traceroute的一定步长内的路由拓扑功能
¥30 深度学习，前后端连接
¥15 孟德尔随机化结果不一致
¥15 apm2.8飞控罗盘bad health，加速度计校准失败
¥15 求解O-S方程的特征值问题给出边界层布拉休斯平行流的中性曲线
¥15 谁有desed数据集呀
¥20 手写数字识别运行c仿真时，程序报错错误代码sim211-100
¥15 关于#hadoop#的问题
¥15 (标签-Python|关键词-socket)
¥15 keil里为什么main.c定义的函数在it.c调用不了