JavaScript给元素添加class属性

水深无声 2022-02-13 10:57 668阅读 0赞

注意:element.classList.remove()、element.classList.add() — ie9及以下不兼容

  1. // 移除div的class属性
  2. obj.classList.remove('active');
  3. // 添加class属性值
  4. // 方式一
  5. obj.className += 'new active';
  6. // 方式二
  7. // obj.className = 'new active';
  8. // 方式三:属性值不能有空格,例如'new active'
  9. // obj.classList.add('newActive');

1、执行obj.classList.remove('active');移除原先的class属性
在这里插入图片描述
2、添加新的class属性
在这里插入图片描述
3、有空格的情况下执行obj.classList.add('new active');会报错
在这里插入图片描述
改成obj.classList.add('newActive')可以正常执行
在这里插入图片描述
在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,668人围观)

还没有评论,来说两句吧...

相关阅读