Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

robsonds

[Resolvido] Mudar cor de um link específico

Por , em Javascript

Recommended Posts

robsonds    0

robsonds
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas Guima    164

Lucas Guima
Postado 

// 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
for (var i = 0; i < mylinks.length; i++) {
   mylinks[i].style.color = '#090';
}

:seta: Veja o código online

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

Lucas não precisa colocar Doctype no jsFiddle, ele adiciona automaticamente, só precisa colocar o conteúdo da página. :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

robsonds    0

robsonds
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito