Changing predefined style attribuite using Javascript

Question

If the style attribute is already set to display: none; how can I change it to be display:block; when calling the toggleControls function?

function toggleControls() {
    var leControls = document.getElementsByClassName('le-controls'); 
    for(var i = 0; i < leControls.length; i++) { leControls[i].style.display = 'none'; }
}

Explosion Pills · Accepted Answer · 2013-03-13 00:36:33Z

2

You can just check if it's already none:

var style, leControls = document.getElementsByClassName('le-controls');
for (var i = 0; i < leControls.length; i++) {
    if ('none' == leControls[i].style.display) {
        style = 'block';
    }
    else {
        style = 'none';
    }
    leControls[i].style.display = style;
}

edited Mar 13, 2013 at 0:36

answered Mar 13, 2013 at 0:29

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rich Over a year ago

Thanks you. Would you mine explaining what's going on there, or putting that into context with the rest of the function?

Explosion Pills Over a year ago

@rick I added back the snipped parts of the function

Collectives™ on Stack Overflow

Changing predefined style attribuite using Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related