操作类名(HTML5新增classList)
此篇文章是 希恩 在 发表的,所在栏目:JavaScript,应用标签:none。

classList.add( newClassName );
添加新的类名,如已经存在,取消添加
classList.contains( oldClassName );
确定元素中是否包含指定的类名,返回值为true 、false;
classList.remove( oldClassName );
移除已经存在的类名;
classList.toggle( className );
如果classList中存在给定的值,删除它,否则,添加它;
classList.replace( oldClassName,newClassName );
类名替换
来看几个例子:
有一个div
//删除类:select

div.classList.remove("select");

//添加类:select

div.classList.add("select");

//确定是否包含给定的类:select

div.classList.contains("select");

//切换类:select,存在删除,不存在,就添加;

div.classList.toggle("select");

//替换类:新类newSelect替换老类select;

div.classList.replace("select","newSelect");

//迭代类;

for(var i = 0,len = div.classList.length; i < len; i++){
    doSomething(div.classList[i]);
}

注:支持classList属性的浏览器有Firefox3.6+ 和 chrome;
————————————————
版权声明:本文为CSDN博主「男孩子小杨」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_43495629/article/details/87867005

暂无评论
这儿空空的,快来说两句吧!

发表评论

icon_mrgreen.gificon_neutral.gificon_twisted.gificon_arrow.gificon_eek.gificon_smile.gificon_confused.gificon_cool.gificon_evil.gificon_biggrin.gificon_idea.gificon_redface.gificon_razz.gificon_rolleyes.gificon_wink.gificon_cry.gificon_surprised.gificon_lol.gificon_mad.gificon_sad.gificon_exclaim.gificon_question.gif
© 2022 SHEAN.
本站由 Typecho 强力驱动.
请勿转载本站原创内容,