javascript - 使用 Javascript 更改预定义样式属性

Question

如果style属性已经设置为display:none;我怎样才能将其更改为显示: block ；当调用toggleControls函数时？

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

Answer 1

您可以检查它是否已经无:

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;
}