A pro di childNodes .........

**whisher** · 31-08-2006, 18:54

Ciao.
Ho questa function:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script language="JavaScript" type="text/JavaScript">

function countChildNodes()

{

var  child = document.getElementById("wrapper").childNodes;

alert(child.length);



}

window.onload = function()

 {

    countChildNodes();    

    }



</script>

</head>



<body>

<p id="wrapper">

<span>uno</span>

<span>due</span>

<span>tre</span>

</p>

</body>

</html>

Il risultato è 7 perchè ?
Mi sarei aspettato 6 (si lo so

)
il tag span e il text dentro
mi servirebbe anche un link per conoscere la varia
implementazione che fanno i vari browsers.
Scusate ma causa worm su win sono su linux
(diciamo che per ora sono accampato non
ho tutti i miei bei linketti e sto diventando
matto per organizzarmi un minimo)
e non ho modo di testare la cosa anche su IE.
C'è un altro modo di intefacciarsi con i tags/value
del contenuto di P.

**whisher** · 31-08-2006, 19:27

Ferma restando la domanda di prima
sono passato a questo:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script language="JavaScript" type="text/JavaScript">

function countChildNodes()

{

var  child = document.getElementById("wrapper").getElementsByTagName('span');

alert(child.length);

alert(child[0].firstChild.nodeValue);



}

window.onload = function()

 {

    countChildNodes();    

    }



</script>

</head>



<body>

<p id="wrapper">

<span>uno</span>

<span>due</span>

<span>tre</span>

</p>

</body>

</html>

So che ci sono differenze tra i browser e l'altro
avete una function cross-browser ?

**Xinod** · 31-08-2006, 19:34

Originariamente inviato da whisher
Il risultato è 7 perchè ?

e che i ritorni a capo non li vuoi contare?

lo so che suona strano, ma i browser aderenti agli standard considerano anche quelli e i tab

aggiri il problema controllando il nodeType di child[x], se e' 1 e' un elemento xhtml
(... 2 attributo, 3 testo... qui quello che dice il w3c
http://www.w3.org/TR/2000/REC-DOM-Le...#ID-1950641247
)

**whisher** · 01-09-2006, 09:02

Ciao e grazie per il chiarimento.
Ho questo esempio:

Codice PHP:


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script language="JavaScript" type="text/JavaScript">

function countChildNodes()

{

    var  child = document.getElementById("wrapper").childNodes;

    for(i = 0; i < child.length; i++)

    {

        if(child[i].nodeType==1)

        {

            alert(child[i].firstChild.nodeValue);

        }

        if(child[i].nodeType==3)

        {

            alert(child[i].nodeValue);

        }

    }

}



window.onload = function()

{

    countChildNodes();    

}



</script>

</head>



<body>

<p id="wrapper">

<span>uno</span>

<span>due</span>

<span>tre</span>

</p>

</body>

</html>

Nel primo if se il nodeType è uguale ad 1
(è un tag xhtml) con firstChild recupero il valore.
Nel secondo se è uguale a 3 (è un nodo di testo)
mi aspetterei di poter recuperare il valore con
child[i].nodeValue che invece risulta vuoto.
Ancora una volta xchè ?

Ps
Secondo me vedo + affidabile la
soluzione con

var child = document.getElementById("wrapper").getElementsByTa gName('span');

tu cosa ne pensi

**Xinod** · 01-09-2006, 13:33

Originariamente inviato da whisher
se è uguale a 3 (è un nodo di testo)
mi aspetterei di poter recuperare il valore con
child[i].nodeValue che invece risulta vuoto.
Ancora una volta xchè ?

sicuro che sia vuoto e non ...spazio?
questo
<span>uno</span>aaa
riporta correttamente aaa dopo uno

sull' uso del getElementsByTagName, nel caso specifico posso essere d' accordo,
ma posso immaginare casi in cui non ti puo' aiutare e l' unica e' muoversi lungo l' alberatura con gli altri metodi del DOM

ciao

**whisher** · 01-09-2006, 14:25

Si hai perfettamente ragione.
Grazie ancora del chiarimento.

Discussione: A pro di childNodes .........

Strumenti discussione

Ricerca discussione

Visualizza

A pro di childNodes .........

..............

Re: A pro di childNodes .........

........

Re: ........

.....

Permessi di invio