web蓝桥杯真题：冰墩墩心情刻度尺

代码：

// TODO: 待补充代码BingDunDun.className='BingDunDun not-satisfied'range.onchange = (e) => {  let value = Number(e.target.value); // value 进度条的值  // TODO: 待补充代码  if(value == 25) {    BingDunDun.className='BingDunDun a-little-unsatisfied'  } else if(value == 50) {    BingDunDun.className='BingDunDun ordinary'  } else if(value == 75) {    BingDunDun.className='BingDunDun satisfied'  } else if(value == 100) {    BingDunDun.className='BingDunDun great'  } else {    BingDunDun.className='BingDunDun not-satisfied'  }};

考察：

元素添加类名：element.className='class1 class2'   

此外，

行内样式操作：element.style.width = '250px'

给元素添加样式：element.classList.add(newClassName)      

给元素移除样式：element.classList.remove(oldClassName)

className和classList.add的区别：

前者是直接替换原来的类名，后者是在原类名基础上再加一个类名

本文链接：https://www.kjpai.cn/news/2024-04-09/155915.html，文章来源：网络cs，作者：璐璐，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！