else, если команда не выполняет задачу

Question

Я хочу переключить цвет фона на основе того, имеет ли div атрибут отображения, заданный как block или none.

До сих пор, что у меня есть

if(document.getElementById("welcome").style.display="block"){ 
     mpage.style.background="rgba(27, 27, 27, .88)"; 

    } 
     else if (document.getElementById("welcome").style.display="none"){ 
      mpage.style.background="rgba(255, 255, 255, .44)"; 
      } 

Единственная причина, почему я сделал это так далеко, потому что я нашел еще один пост на здесь пытаются сделать что-то подобное, и это лучшее, что я мог бы сформировать его. Я использовал синтаксический валидатор для проверки кода, и он вернулся нормально, но ничего не появляется в консоли, но цвет не меняется, когда я запускаю «приветствующий» div для переключения на «display: none;».

Answer 1

Изменить

if(document.getElementById("welcome").style.display="block"){ 
               ^

в

if(document.getElementById("welcome").style.display=="block"){ 
                ^^ 

В противном случае, с помощью одного =, вы просто изменить стиль вместо проверки, если дисплей "блок"

Answer 2

Изменить

if(document.getElementById("welcome").style.display="block"){ 

Для

if(document.getElementById("welcome").style.display=="block"){ 

Answer 3

Вы должны использовать оператор равенства вместо оператора присваивания Для получения дополнительной информации visit this link

Answer 4

if(document.getElementById("welcome").style.display=="block"){ 
     mpage.style.background="rgba(27, 27, 27, .88)"; 

    }else if (document.getElementById("welcome").style.display=="none"){ 
     mpage.style.background="rgba(255, 255, 255, .44)"; 
     } 

с использованием одного = присваивает значение на дисплей затем проверяет, если это true и всегда true, но с использованием == проверяет только значение, используя === проверяет значение и тип

UPDATE Вы не можете проверить свойство дисплея, если оно дается с таблицей стилей, это работает только, если стиль написано, вставит Div тег

например:

<div id="welcome" style="display:none;">some content</div>