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

2019-07-11 15:36:03 阅读：124 来源： 互联网

标签：javascript css html5 if-statement

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

    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值“范围”.

标签：javascript,css,html5,if-statement
来源： https://codeday.me/bug/20190711/1433417.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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