首页 / JAVASCRIPT / 使用if语句更改样式表的Javascript

使用if语句更改样式表的Javascript

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用if语句更改样式表的Javascript，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含821字，纯文字阅读大概需要2分钟。

内容图文

以前的帖子太长了,所以试图缩短它.基本上这个功能有问题,至少这就是我认为的问题所在.目的是当音量或滑块超过50时,颜色变为红色,当它低于50时,它变为绿色.

使用Javascript：

    function changeColor(sheet) {
    document.getElementById("Green").setAttribute('href', sheet);
    document.getElementById("Red").setAttribute('href', sheet);

    if (mediaClip.volume < 0.5)
    {
      changeColor("styleSheets/Green.css");
    }
  else
    {
      changeColor("styleSheets/Red.css");
    }

HTML：

<input type="range" onchange="setVolume();changeColor()" id='volume1' min=0 max=1 step=0.01 value='1'/>

所有的反馈都很受欢迎,非常适合在夜晚工作.请记住,我对编码很新,所以越简单越好.

解决方法:

您应该在页面中包含两个样式表并交换输入的类名,而不是交换样式表.

function changeColor() {
    document.getElementById('range').className = mediaClip.volume < 0.5 ? green : red;
}

这是假设您的范围输入被分配了ID值“范围”.

内容总结

以上是互联网集市为您收集整理的使用if语句更改样式表的Javascript全部内容，希望文章能够帮你解决使用if语句更改样式表的Javascript所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/765911.html

来源：【匿名】