Home/ Questions/Q 6736585
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T11:08:49+00:00

Attempting a dynamic style change below, but the function falls silent. I’ve used JSHint,

  • 0

Attempting a dynamic style change below, but the function falls silent. I’ve used JSHint, and all seems fine. 

function styleInput(elClass,color)
{
  "use strict";

  var document;
  elClass = document.getElementsByClassName(elClass);



var len = elClass.length;

    for (var i=0; i < len;i++) {

        if (elClass[i].className === elClass) 


                {

                  var tmp = elClass[i];


                  tmp.style.backgroundColor = color;

                  tmp = " ";





                }

        }




}

styleInput("fm_bushido", "#f3f3f3");

—–HTML—–

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
</style>
</head>
<body>
  <input type="text" name="name" class="fm_bushido txt" placeholder="Name:"></input>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re using the variable elClass twice and overwriting the value passed into the function with that returned from document.getElementsByClassName(elClass);. Once your script gets down to if (elClass[i].className === elClass), you’re comparing the classname of the element with the element itself, not the value you passed into the function (fm_bushido).

    Just change one of those elements’ names and it should work.

    • 0