Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
E ae pessoal beleza?
Sou um novato buscando aprender javascript, e estou com a seguinte dúvida.
No script abaixo, quero alterar somente a cor do link que está dentro da div "mydiv", sem alterar os demais links da página. Sei que falta algo, mas não achei a solução ainda.
Sei que é uma dúvida simples pra quem já tem experiência...
Não achei isso em lugar algum. Alguém pode me ajudar?
<html>
<head>
<script type="text/javascript">
window.onload = function mudarCor () {
var mytext = document.getElementById("mydiv");
var mylink = document.getElementById("mydiv") //...acho que falta alguma coisa aqui antes de fechar ponto e virgula...
mytext.style.color = "red";
mylink.style.color = "green";
}
</script>
</head>
<body>
<div id="mydiv">Meu Texto - <a href="#">Meu Link</a> </div>
<a href="#"> Este link não deverá ter sua cor alterada </a>
</body>
</html>Lucas não precisa colocar Doctype no jsFiddle, ele adiciona automaticamente, só precisa colocar o conteúdo da página. :thumbsup:
>
Lucas não precisa colocar Doctype no jsFiddle, ele adiciona automaticamente, só precisa colocar o conteúdo da página. :thumbsup:
Atualizado. Não sabia disso não. :lol:
Valeu Lucas, mas acabei achando outro método que funfou também...
Utilizei o 'childNodes', e assim não precisei alterar completamente o código que já havia postado.
Segue código:
<html>
<head>
<script type="text/javascript">
window.onload = function mudarCor () {
var mytext = document.getElementById("mydiv");
var mylink = document.getElementById("mydiv").childNodes[1]; //inclui o childNodes
mytext.style.color = "red";
mylink.style.color = "green";
}
</script>
</head>
<body>
<div id="mydiv">Meu Texto - <a href="#">Meu Link</a> </div>
<a href="#"> Este link não deverá ter sua cor alterada </a>
</body>
</html>Abraço!
Obs: favor fechar o tópico.
// Referencia a div 'mydiv', não o texto
var mydiv = document.getElementById('mydiv');
// Altera a cor do conteúdo da div 'mydiv'
mydiv.style.color = '#F00';
// Busca os links dentro da div 'mydiv'
var mylinks = mydiv.getElementsByTagName('a');
// Percorre os links resgatados