Как установить ключ для изменения стиля узла?

Question

Я делаю регистрационный номер Greasemonkey, и я хочу установить ключ, чтобы изменить стиль от none до block и наоборот узла путем нажатия клавиши (в данном случае «Главная»).

var bluebar = document.getElementById('pagelet_bluebar'); 
bluebar.style.display = "none"; 
document.addEventListener("keydown", function (e) { 
    if (e.keyCode == 36) { 
     showhideui(); 
    } 
}, false); 
function showhideui() { 
    if (bluebar.style.display = "none") { 
     bluebar.style.display = "block"; 
    } else if (bluebar.style.display = "block") { 
     bluebar.style.display = "none"; 
    } 
} 

Решение было добавить == вместо = в условиях:

if (bluebar.style.display == "none") 
else if (bluebar.style.display == "block") 

Answer 1

== Использование или === вместо одного = знака в вашем сравнении.
Проверить ссылку о comparison operators

var bluebar = document.getElementById('pagelet_bluebar'); 
    document.addEventListener("keydown", function (e) { 
     if (e.keyCode === 36) { //press "Home" key change to block/none 
      showhideui(); 
     } 
    }, false); 
    function showhideui() { 
     if (bluebar.style.display == "none") { //if is none 
      bluebar.style.display = "block" ; //change to block 
     } else if (bluebar.style.display == "block" || bluebar.style.display == "") { //if is block 
      bluebar.style.display = "none"; //change to none 
     } 
    } 

Ps: Если есть только эти две возможности, вы можете даже использовать более синтетический путь:

(bluebar.style.display == "block" || bluebar.style.display == "") ? bluebar.style.display = "none" : bluebar.style.display = "block";