ÿþ<html> <head> <title>Exemplu DOM</title> <script language="Javascript" type="text/javascript"> function multiply(delta) { // obtinem o referinta la tagul SPAN care contine contorul contor_div = document.getElementById("contor") contor_span = contor_div.childNodes.item(0) // obtinem valoarea continuta in el contor_val = contor_span.childNodes.item(0).nodeValue // modificam valoarea contor_val = contor_val.valueOf() * delta // cream un nou nod XHTML de tip TextNode... contor_nou = document.createTextNode(contor_val) // ...pe care il atasam unui nou element SPAN... contor_span_nou = document.createElement("span") contor_span_nou.appendChild(contor_nou) // ...cu care inlocuim vechiul SPAN contor_div.removeChild(contor_span) contor_div.appendChild(contor_span_nou) } </script> </head> <body> <p align="center"> <font face="Helvetica" size="4"> Folosind Document Object Model, aceasta pagina isi acceseaza singura propriul cod HTML.<br/> <font size="-1"> In functie de link-ul apasat, browserul executa o functie JavaScript care modifica valoarea de mai jos.<br/> Executia are loc pe calculatorul client, in browser; nu are loc nici o interactiune cu serverul </font> </font> </p> <p>&nbsp;</p> <p align="center"> <table> <tr> <td><a href="javascript:multiply(2);">Dublu</a></td> <td><a href="javascript:multiply(0.5);">Jumatate</a></td> </tr> <td colspan="2" align="center"> <div id="contor" style="background:#999999;font-size:28px;"><span>100</span></div> </td> </tr> </table> </p> </body> </html>