getElementByClass

[QuinhOboOZ 1]

Salve salve galeraa!

 

Então... achei uma função legal, não sei se já tem aqui na sessão de artigos e tal. mais vou compartilha-la com vcs.

 

/*
// Pega elemento por classe
*/
var allHTMLTags = new Array();

function getElementByClass(theClass) {
	//Cria Array com todas as TAGS HTML
	var allHTMLTags=document.getElementsByTagName("*");
	//Passa por todas as tags usando um FOR
	for (i=0; i<allHTMLTags.length; i++) {
		//Pega todas as tags com a classe passada na função.
		if (allHTMLTags[i].className==theClass) {
		//Aqui voce coloca o código
		//que você deseja para cada tag com a classe desejada
		//No exemplo abaixo, mudei a cor do fundo
		//de todas as tags com o nome que passei pela função
		allHTMLTags[i].style.background="#DDFFBB";
		}
	}
}

Forma de usar:

 

Usei a função pra mudar a cor do fundo das colunas com a classe ClasseDesejada. A função roda quando clica na IMG.

<a href="blablabla.php" target="_blank" onclick="getElementByClass('ClasseDesejada');"><img src="img/img.gif" /></a></td>

Abraços

=D

[Luiz™ 0]

Oquê isso exatamente faz?

 

Conheço quase nada de js :x

 

Abraço!

[William Bruno 1501]

Existe a função nativa:

document.getElementById('')

 

Que se destina a varrer a árvore do documento, atrás do elemento especificado pela ID.

Essa função que foi postada, faria o mesmo, mas selecionando os elementos pela classe.

 

Lembrando que em HTML podemos ter:

<div id="tal">
e
<div class="tal">
<div class="tal">

por isso que, é retornado um vetor, no caso de selecionar pela classe.

[eibon 2]

Existe a função nativa:

document.getElementById('')

 

Melhor colocando:

Existe a função nativa:

{HTML Object}.getElementById(id)

 

--

Função inutil.Existe a nativa {HTML Object}.getElementsByClassName(className).