A sua tag <script> esta dentro da sua tag <head> ou antes da tag de fechamento da tag de fechamento do </body>?
Se tiver dentro da tag <head> pega a tag <script> e coloca antes da tag de fechamento do </body>.
A
AndryPontes
Coloca seu código aqui para entendermos melhor.
W
wen.dell
Minha tag script estava dentro da tag head. Coloquei aqui antes da tag de fechamento body, como você disse e funcionou, obrigado mesmo! Mas por que não funcionou dentro da tag head?
M
Solucao aceita
MarcoBruno
Quando o navegador lê o seu HTML ele começa pela primeira linha e depois vai pra segunda e assim por diante. Quando ele chega na linha que esta sua tag <script> responsável por carregar seu arquivo JavaScript, o que acontece é que o navegador para nessa linha do HTML e só volta nela após ler todo o seu JavaScript. Mas a primeira linha do JavaScript:
varscarlet=document.getElementById("scarlet");
está procurando um elemento dentro do document (documento HTML) com o ID scarlet. Que o navegador não leu ainda. Por este motivo não funcionou.
Entendeu man. Se você não entendeu não tem problema posso explicar de outra forma.
O importante é você entender.
W
wen.dell
Entendi sim! Valeu!
M
MarcoBruno
De boas man. Precisando posta dúvidas aí que a galera ajuda.
Como você ainda não tem o elemento em tela para manipular, você pode usar a função ready() da API do jQuery.
<!DOCTYPE html><htmllang="pt-br"><head><scripttype="text/javascript">$(document).ready(function(){varscarlet=document.getElementById("scarlet");scarlet.style.color="#FF0000";varindigo=document.getElementById("indigo");indigo.style.backgroundColor="#000066";});</script></head><body><!-- (corpo da pagina) --><!-- Importando biblioteca jQuery --><scripttype="text/javascript"src="lib/jquery/jquery.min.js"></script></body></html>
As rotinas dentro da função ready() somente serão executadas depois que todo o DOM for carregado, garantindo que qualquer coisa do HTML que queria ser manipulada já esteja presente.