onClick cambio button value

[Andy_87]

Ciao ragazzi, questo script visualizza a video un button che cliccando su di esso mostra e nasconde un div e cambia il value del button stesso (da value = "Nascondi" a value = "Mostra"), tutto funziona correttamente con IE e FF mentre con Chrome e Safari il value del button non cambia. Riuscite ad aiutarmi?

PS: vi posto solo una parte dell'intero script perchè in realtà si trova in una pagina php e viene generato dinamicamente, ma anche così come è postato il problema persiste.

<div id=0>
<div>
[b]2010[/b]
<input type="button" value="Nascondi" style="width:65px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = '';this.value = 'Nascondi'}else{this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';this.innerText = '';this.value = 'Mostra'}">
</div>
<div class="alt2" style="margin: 0px; padding: 0px; border: 0px inset;">
<div  style="margin-left: 20px; margin-top: 10px; display: ;">Messaggio

</div>
</div>
</div> 

[cavicchiandrea]

A) delimita gli attributi es(id="0")
B) gli Id non devono essere solo numeri
C) innerText e riconosciuto solo da IE meglio usare innerHTML
D) meglio usare id invece di risalire ai padri del documento più sicuro dato che non tutti i browser operano alla stessa maniera

[Andy_87]

Grazie Andrea, ho fatto tutto quello che mi hai detto tranne il punto D, dovrei sostituire i parentNode con GetElementById ? Come deve fare?

[cavicchiandrea]

<div id="messaggio_1" style="margin-left: 20px; margin-top: 10px; display: ;">Messaggio

</div>
richiamato cosi:
document.getElementById('messaggio_1').style.displ ay = 'none/block'

[Andy_87]

Riposto il codice modificato però anche così, con Chrome, il value non cambia ma rimane sempre Nascondi, Safari non ce l'ho in ufficio e non posso testarlo.

<div id="a0">
<div>
[b]2010[/b]
<input type="button" value="Nascondi" style="width:65px;font-size:10px;margin:0px;padding:0px;" onClick="if (document.getElementById('messaggio_1').style.display != ''){document.getElementById('messaggio_1').style.display = '';this.innerHTML = '';this.value = 'Nascondi'}else{document.getElementById('messaggio_1').style.display = 'none';this.innerHTML = '';this.value = 'Mostra'}">
</div>
<div  style="margin: 0px; padding: 0px; border: 0px inset;">
<div id="messaggio_1" style="margin-left: 20px; margin-top: 10px; display: ;">Messaggio
 </div>
</div>
</div> 

[Xinod]

ma this.innerHTML='' cosa dovrebbe fare? rimuovilo

[Andy_87]

Ma porc!!!! Grazie..era proprio this.innerHTML='' che non serve a nulla e non faceva funzionare lo script. Grazie Andrea e grazie Xinod.