码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript-className与classList的区别

时间:2020-01-14 21:06:30      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:也有   cli   slist   func   结果   onclick   rip   list   中间   

className添加类名比较僵硬,如在添加按钮点击事件令其添加时,则多次点击则会出现多个类名,而classList则是class正确增改删的应用方法,如:

  <div id=‘div1‘></div>

  利用className:

    div1.onclick = funcktion(){

      div1.className = ‘c1‘

    }

    多次点击结果:<div id=‘div1‘ class=‘c1c1c1c1c1‘></div>

    注:如果中间有空格(即:div1.className = ‘ c1‘)

      则输出结果为<div id=‘div1‘ class=‘ c1 c1 c1 c1 c1‘></div>

      显然第一个也有空格;

  利用classList:

    div1.onclick = funcktion(){

      div1.className = ‘c1‘

    }

    多次点击结果:<div id=‘div1‘ class=‘c1‘></div>

  

Javascript-className与classList的区别

标签:也有   cli   slist   func   结果   onclick   rip   list   中间   

原文地址:https://www.cnblogs.com/lovechun/p/12192572.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!