Mozila e IE

[thiagoreri 0]

Galera no IE funciona mais no MOZILLA naum funciona,pq?

 

function mudaDecoration(elemento) {

var filhos = gE(elemento.id).childNodes;

gE(elemento.id).style.cursor = 'pointer';

for(i = 0; i < filhos.length;i++) {

filhos.style.textDecoration = 'underline';

filhos.style.cursor = 'pointer';

}

}

 

function voltaDecoration(elemento) {

var filhos = gE(elemento.id).childNodes;

gE(elemento.id).style.cursor = 'none';

for(i = 0; i < filhos.length;i++) {

filhos.style.textDecoration = 'none';

filhos.style.cursor = 'none';

}

}

[micox 2]

Não trate o style como objeto (contento filhos).

Talvez dê certo:

 

filhos.style.textDecoration = 'underline';

filhos.style.cursor = 'pointer';

 

vira

 

filhos.style = "textDecoration: underline" ;

filhos.style = "cursor: pointer";

 

Faz o mesmo no voltaDecoration

[thiagoreri 0]

micox.. eu fiz uns testes, olha so

 

no IE.

 

alert(filhos.tagName); // vem direitim (h1,h2,h3)

alert(filhos.length); // vem 3, na verdade tem 3 elementos realmente

 

no MOZILLA.

 

alert(filhos.tagName); // vem undefined

alert(filhos.length); // vem 6, na verdade tem 3 elementos realmente, mais parece que ele tambem tras os fechamentos </h1>

 

entendeu?

 

oque seria?

[micox 2]

Motivos:

 

1) o nome da propriedade na verdade é nodeName e não tagName heheh

 

2) Nos navegadores padrão, os espaços e Enter's digitados no html (para dar identação, etc) são tratados como um filho do tipo #text. Por isto que ele avisa que são 6 filhos.

 

Dá uma lida no meu tutorial que você vai sacar melhor:

Como trabalhar com XML no Javascript. (também fala de dom)

 

Ah, sim: estude o DOM.

[micox 2]

---------Opa, esqueci de falar:O DOM inspector do Firefox também dá uma ajuda gigantesca pra entender a parada.

[thiagoreri 0]

é realmente micox.. ele tras esse negocio de #text mas só no moziilaa...qual seria a saida??valeu micox.. arrumei aqui.