innerHTML

[Mich24]

ciao a tutti,

io devo sommare due dati che trovo in due parti di un documento HTML. Il problema è che se uso il metodo innerHTML per recuperare il dati quando uso l'operatore "+" per fare la somma lui logicamente invece che sommare i due numeri mi concatena la stringa HTML.

Qualcuno sa darmi qualche consiglio sul come risolvere il problema?

[Andrea1979]

Devi "parsare" il dato (con parseFloat ad esempio, si tenta la trasformazione di una stringa rappresentate un numero in un float -dato numerico- vero e proprio)

[Mich24]

Ok, ho provato a parsare la stringa con parseInt ma il risultato è Nan, forse xchè la stringa contiene qualche tag HTML?

[Andrea1979]

Già, può essere. parseInt prende proprio un valore intero. Strippa tutto il contenuto in tag. Puoi anche postare quel che ottieni da innerHTML così si capisce meglio dove risiede il dato da prendere

[Mich24]

allora io ho per esempio questo codice

<div id="costo">5</div> 

e voglio ricavare il 5 perchè devo sommarlo ad altri dati. allora faccio:

parseInt(document.getElementById('costo').innerHTML); 

ma il risultato come detto è Nan...

[Andrea1979]

cosa ottieni con:

alert(document.getElementById("costo").innerHTML);

?

[Mich24]

uhm interessante.... ottengo:

<font color="..." size="..." ...>5</font> 

ecco xchè mi dà Nan... qualche idea su come tirare fuori il 5?

[Andrea1979]

Bhè... per farla rapida...

var i = parseInt((document.getElementById("costo").getElementsByTagName("font")[0]).innerHTML);

[Mich24]

oookay, non sarà una soluzione stilisticamente perfetta ma funziona!

Grazie mille!