CODEWITHSUNDEEP
javascriptdomif-statementfor-loopstyles
Ian
Ian

Reputation: 6154

How to detect which element in a class has a certain style

I have a series of select lists that share a class. They're all on top of each other, and one has display: inline while the others have display: none. How could I use plain JavaScript (no jQuery) to find the list that is showing and retrieve its value?

I was thinking something like this:

function retrieve() {
  var value
  elements = document.getElementsByClassName('class');
  for (var i = 0; i < elements.length; i++) {
    if(elements[i].style.display = 'inline') {
      value = elements[i].value;
      break;
    }
  }
  alert(value);
}

But the alert says "undefined". What's wrong with the code?

Upvotes: 0

Views: 65

Answers (1)

T.J. Crowder
T.J. Crowder

Reputation: 1075855

This line:

if(elements[i].style.display = 'inline') {

should be

if(elements[i].style.display === 'inline') {
// change here --------------^

With the single =, it's an assignment, not a comparison. With the ===, it's a (strict) comparison. You could also use == (a loose comparison).

Upvotes: 3

Related Questions