javascript - Javascript を使用して定義済みのスタイル属性を変更する

Question

style 属性がすでに display に設定されている場合: none; display: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

すでにあるかどうかを確認できます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;
}