介绍
这篇“如何使用HTML5的班级名册属性操作CSS类”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“如何使用HTML5的班级名册属性操作CSS类”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。
html有什么特点 1,简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。
2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证只
3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。
4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
<强>注意
班级名册兼容性有些差,不兼容ie10以下的ie浏览器。
示例
& lt; ! DOCTYPE html>
& lt; html>
& lt; head>
,,,& lt; meta charset=皍tf-8"比;
,,,& lt; title> classList
,,,& lt; style>
,,,,,,,.mystyle {
,,,,,,,,,,,宽度:,300 px;
,,,,,,,,,,,身高:,50 px;
,,,,,,,,,,,,背景颜色:红色;
,,,,,,,,,,,颜色:,白色;
,,,,,,,,,,,字体大小:,25 px;
,,,,,,,}
,,,& lt;/style>
& lt;/head>
& lt; body>
& lt; p>点击按钮为DIV元素添加,“mystyle",类。;/p>
& lt; button onclick=癿yFunction(),在点我& lt;/button>
& lt; div id=癿yDIV"祝辞
,,,我是一个,DIV 元素。
& lt;/div>
& lt; script>
,,,function myFunction (), {
,,,,,,,. getelementbyid (“myDIV") .classList.add (“mystyle");
,,,}
& lt;/script>
& lt;/body>
& lt;/html> 
<强>新增类
使用添加方法,你可以往页面元素是新增一个或多个类:
. getelementbyid (“myDIV") .classList.add (“mystyle"); <强>删除一个类
使用删除方法,你可以删除单个CSS类:
. getelementbyid (“myDIV") .classList.remove (“mystyle"); <强>在元素中切换类名
在元素中切换类名。使用切换方法,语法:切换(类,真|假)
第一个参数为要在元素中移除的类名,并返回错误的。
如果该类名不存在则会在元素中添加类名,并返回真的。
第二个是可选参数,设置布尔值用于设置元素是否强制添加或移除类,不管该类名是否存在。例如:
移除一个
. getelementbyid (“myDIV") .classList.toggle (“classToRemove",,假), 添加一个
, . getelementbyid (“myDIV") .classList.toggle (“classToAdd",,真的), 注意:Internet Explorer或歌剧12及其更早版本不支持第二个参数
<>强检查是否含有某个类
使用包含方法,判断某个类是否存在,返回布尔值。
,//returns true 或是错误的
,. getelementbyid (“myDIV") .classList.contains (“myDIV"); 以上是“如何使用HTML5的班级名册属性操作CSS类”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
