1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Erro na função js que muda background color

Eu tenho uma função javascript que muda a cor de fundo do menu quando a tela é "rolada".Segue a função:

function corMenu(){  

     var element = document.getElementsByClassName('background-white-pnl').style.backgroundColor;  
     var botao = document.getElementById('pnl-menu');  
     var top = window.pageYOffset || document.documentElement.scrollTop;  

     if((top > 500) && (botao.alt == "menu-black")) {  
         element = 'rgba(255,255,255, .85)';  
     } else if(botao.alt == "menu-black"){  
         element = 'rgba(255,255,255, 1)';  
     }  
}

window.onscroll = corMenu;

O problema é que quando eu uso document.getElementById().style.backgroundColor ele funciona normal, mas quando eu uso class ele dá esse erro:Uncaught TypeError: Cannot read property 'backgroundColor' of undefined at corMenu

  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags javascript css ou faça a sua própria pergunta.