TextNode

[Prove Yourself 0]

Estou estudando DOM e estou com uma dúvida. Posso acessar elementos pelo id, tag ou navegando pela árvore (getElementById, getElementsByTagName). Existe alguma forma de acessar o textNode dos elementos diretamente?

Obrigado.

[andreia_sp 1]

Se você tiver o ID/Name do objeto pai, sim...

[Carutcho 0]

exatamente :D

 

Mas cuidado com a diferença de navegadores , pode ter problema com isso

pelo seguinte:

 

<p>
   <span>TexNode</span>
</p>

No código acima, para o FF você possui 3 textNodes e para o IE apenas 1, pq no IE ele ignora os enters e espaços em branco, o FF não, então tome cuidado com isso na hr de criar seu programa, não sei pra q você faria mas pode ser q tenha problemas com isso.

 

Absss

[Prove Yourself 0]

Se você tiver o ID/Name do objeto pai, sim...

Como ficaria o código? Poderia escreve-lo para mim, para ficar mais claro ?

 

exatamente :D

 

Mas cuidado com a diferença de navegadores , pode ter problema com isso

pelo seguinte:

 

<p>
   <span>TexNode</span>
</p>

No código acima, para o FF você possui 3 textNodes e para o IE apenas 1, pq no IE ele ignora os enters e espaços em branco, o FF não, então tome cuidado com isso na hr de criar seu programa, não sei pra q você faria mas pode ser q tenha problemas com isso.

 

Absss

3? Um na frente do <p> um em <span> e outro antes de </p> ? Estou certo? Como fazer um código compatível com os dois?

 

Muito obrigado gente.

[Carutcho 0]

você vai entender se eu fizer isso aqui

 

 

esse código para o FF tem 3 text nodes.

<p id="teste">
   <span>TexNode</span>
</p>

 

Esse código para o FF só tem 1 text node

<p id="teste"><span>TexNode</span></p>

Sacou ? tirei todos os espaços em branco entre as tags.

 

Para pegar esses textNodes tem diversas maneiras.

no caso do segundo codigo eh mais facil ficaria assim:

 

//ex.: 1
document.getElementById('teste').childNodes[0].firstChild.nodeValue

//ex: 2
document.getElementById('teste').firstChild.firstChild.nodeValue

 

De uma estudada em DOM .

 

esse site aqui é mt bom http://www.howtocreate.co.uk/tutorials/javascript/dombasics

caso não consiga ler em ingês vai em www.google.com/translate que ele traduz a pagina pra você e você da uma estudadinha.

 

 

 

Absss