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的区别:
前者是直接替换原来的类名,后者是在原类名基础上再加一个类名
(图片来源网络,侵删)
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。
还没有评论,来说两句吧...