Html5学习笔记 ——— H5新增方法classList/dataSet

最新推荐文章于 2022-08-08 18:28:08 发布
最新推荐文章于 2022-08-08 18:28:08 发布
阅读量218 收藏 1
点赞数
分类专栏： HTML5 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43340295/article/details/109909507
版权

classList

  1. 前言

    classList方法可以获取到这个dom元素的类的对象，但是目前classList属性只有FireFox3.6+和Chrome支持。

    • add(value) —— 添加一个类
    • contains(value) —— 判断有没有某个类
    • remove(value) —— 删除一个类
    • toggle(value) —— 切换一个类
    • replace() —— 替换一个类

    Style

    <style type="text/css">
	#box {
     
		border: 1px red solid;
		width: 400px;
		height: 400px;
	}
	#box.add_color{
     
		background-color: #33CCFF;
	}
	#box.add_border{
     
		border: 2px deeppink solid;
	}
	.aa{
     
		background-color: #666ccc;
	}
</style>

    Html

    <body>
	<div id="box"></div><br><br>
	<input type="button" value="增加">
	<input type="button" value="删除">
	<input type="button
最低0.47元/天 解锁文章
莫非C
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html语言 class,HTML中<input>标签的class属性的值及其使用方法总结
weixin_32657693的博客
05-30 3327
首先呢，我们来说说HTML中input标签的class属性的作用：input标签的class属性是用来引用你页面的类样式。即你先在标签内定义一个类样式，然后再来引用它。像这样：.btn{color:red;}页面的效果就不显示了，反正就是把这个按钮上的文字颜色是红色了。有兴趣的可以自己动手试试。下面说说具体的input标签的class属性和属性的值的使用方法解释：classname属性。a标签中c...
HTML5（H5新增内容）
最新发布
qq_53165476的博客
06-03 443
语义：定义已知范围内的标量测量，也称gauge（尺度），双标签，语义：显示某个任务完成的进度的指示器，一般用于表示进度条、双标签。novalidate : 设置该属性，表单提交的时候不再验证。（建议用于标记搜索结果中的关键字）例如：电量、磁盘用量等。用来定义视频，是双标签。用来定义音频，是双标签。例如：工作完成进度等。
记录一波h5新增的一些js常用实用的api方法
txun123的博客
04-09 348
延迟加载JS------defer="defer" <script src="js/b.js"defer="defer"></script> <script src="js/jquery.js"defer="defer"></script> <script src="js/c.js"defer="defer"></script> 注：通过defer="defer"让指定的js在其他js运行后再执行，如果像...
【HTML】之H5新增
RuRu_Bai的博客
04-14 364
H5新增一、H5新增type1、邮箱2、网址3、搜索4、数字5、范围（滑块）6、颜色7、电话8、日期9、周10、月11、视频12、音频二、、H5新增属性三、语义化标签1、定义2、优点3、div+span4、新增布局四、HTML5新增标签1、元素组合2、细节3、突出显示4、刻度5、进度条6、datalist（数据列表）7、画布canvas练习 一、H5新增type 1、邮箱 <input type=”email” name=”email”> email类型格式是规定的；name=”email”用
Pytorch|YOWO原理及代码详解(二)
qq_24739717的博客
03-26 3883
Pytorch|YOWO原理及代码详解(二) 本博客上接，Pytorch|YOWO原理及代码详解(一)，阅前可看。 1.正式训练 if opt.evaluate: logging('evaluating ...') test(0) else: for epoch in range(opt.begin_epoch, opt.end_ep...
PyTorch学习笔记（5）Dataloader与Dataset（2）
01-07
split_dataset import os import random import shutil def makedir(new_dir): if not os.path.exists(new_dir): os.makedirs(new_dir) if __name__ == '__main__': random.seed(1) dataset_dir = os.path.join...
PyTorch学习笔记（4）Dataloader与Dataset（1）
01-06
dataset Dataset类 决定数据从哪读取及如何读取 batchsize 批大小 num_works 是否多进程读取数据 shuffle 每个epoch 是否乱序 drop_last 当样本数不能被batchsize整除时，是否舍弃最后一批数据 Epoch 所有训练样本都...
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
09-27
主要介绍了HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性),需要的朋友可以参考下
js 获取html5的data属性实现方法
12-10
我以前一直以为只能用jquery的data()来获取 哈哈 是我太弱了 <!DOCTYPE html> <html> <head> <title>dataset</title> <meta charset="utf-8">...console.log(a.dataset.index)/
YOLO v3源码详解
qq_52053775的博客
08-08 4650
对于输入的特征图，首先reshape成[图片数，网格h，网格w，一个网格锚框数，类别数+4（x,y,w,h)+1（是否存在物体)]大小，取出x,y,w,h,pred_conf,pred_cls,根据论文，对x,y,pred_conf,pred_cl输入sigmoid函数，得到最终的预测的结果，此时得到的是物体在特征图网格的存在物体的置信度，类别置信度、和相对于网格的相对位置，将相对位置转为特征图的绝对位置，并进一步得到真实位置，输出结果。......
css3——操作元素类样式（classList）、自定义属性（dataset）
肖的博客
01-28 1922
操作元素类样式 首先自己创建五个class名（orange,red,yellow,blue,change），样式自定义 &amp;lt;ul&amp;gt; &amp;lt;li&amp;gt;1&amp;lt;/li&amp;gt; &amp;lt;li class=&quot;blue&quot;&amp;gt;2&amp;lt;/li&amp;gt; &amp;lt;li&a
classlist、dataset和contenteditable
weixin_43269800的博客
02-12 152
class的操作 classlist是一个类数组 var testNode = document.querySelector("#test"); console.log(testNode.className) testNode.classList.add("qhf4");//增加一个类 testNode.classList.remove("qhf1");//移除一个类 testNode.class...
h5新增的一些api
听闻青春丶
08-02 8502
1.1 网络状态 我们可以通过window. navigator.onLine来检测，用户当前的网络状况，返回一个布尔值，这个不能实时的通知。 addEventListener 进行绑定online从没网络到有网络的时候调用 addEventListener 进行绑定.offline从有网络到没网的时候调用 事件是给window绑订的 1.2 地理定位 HTML规范中，增加了获取用户地...
h5新增属性和方法
weixin_34023982的博客
11-20 865
1.headerheader 标签定义文档或者文档的一部分区域的页眉。一般作为介绍内容或者导航链接栏的容器。在一个文档中，可以定义多个 <header> 元素。注：<header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。 2.navnav定义页面中导航链接部分(传统导航条、腾讯新闻、...
html元素是否包含另外一个元素，以及classList属性
weixin_30916125的博客
08-29 321
如何判断一个元素A包含了元素B呢？如果不用contains方法的话，如何做呢？ 腾讯面试的时候也出了这道题啊，当时没看dom的知识，所以一抹黑哦。。。 那就判断B是否为A的child喽，那也就是A是B的parent或者parent.parent或者parentNode.parentNode.parentNode.... 所以就这样向上遍历一下B的父亲...
html 5新增技术,HTML5新增标签
weixin_39618176的博客
06-04 79
一、h5新增的主要语义化标签如下：1、header 页面头部、页眉2、nav 页面导航3、atricle 一篇文章4、section 文章中的章节5、aside 侧边栏6、footer 页面底部、页脚PC端兼容h5新标签的方法，在页面中引入一下js文件二、HTML5新增表单控件1、新增类型：网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索a、网址：　　b、邮箱：　　c、...
DOM对象的dataset属性
热门推荐
小姜哥的技术博客
12-11 1万+
HTML5规定DOM对象中有个dataset属性对象，可以在该对象中存一些与该DOM对象相关的数据。如上写法是在生成dom对象时对dataset的一个初始化的动作，dataset中会存在一个id属性和age属性。这里需要注意data-仅仅是一个约定好的前缀，在生成DOM对象时所有已data-开头的属性会将其去掉前缀data-后存在dataset中。
html5怎么添加class,使用HTML5的 classList API操作CSS类
weixin_39686634的博客
06-16 344
作为前端工程师，我们经常需要根据用户与页面上的元素的交互来更改CSS样式。如果你接触过 jQuery，相信对 hasClass(), addClass()，removeClass() 这些方法不陌生。幸运的是，HTML5提供了一种原生的方式来实现这些效果，而不再需要jQuery。目前主流浏览器均已支持 classList API，对于 IE 11之前的版本需要借助于兼容库。什么是classList...
python怎样运行脚本python nn_train.py -d /path/to/dataset -m /path/to/model.h5 -l /path/to/label_bin.pkl -p /path/to/plot.png
05-27
python nn_train.py -d /path/to/dataset -m /path/to/model.h5 -l /path/to/label_bin.pkl -p /path/to/plot.png ``` 其中 `nn_train.py` 是要运行的 Python 脚本文件名，`-d /path/to/dataset` 指定训练数据集的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值