Cerca

Un metodo javascript importante: getElementById

Indice Articolo

Ultimi articoli pubblicati

Uno dei più importanti metodi in Javascript, compatibile con tutti ibrowser Intenet Explorer, Mozzilla Firefox, Opera, … permette di ottenedere tramite l’id di un elemento HTML le sue proprietà, style e dunque modificare l’aspetto di un elemento HTML in modo dinamico.

Alcuni esempi:

Usando l’oggetto HTML

 
<html>
<body>
<input type=”text” id=”prova”></input>
</body>
</html>

Modifichiamolo in modo dinamico

<script><!–
document.getElementById(“prova”).value=”ciao”;
document.getElementById(“prova”).style.position=”absolute”;
document.getElementById(“prova”).style.top=”150px”;
document.getElementById(“prova”).style.left=”200px”;
document.getElementById(“prova”).style.textAlign=”center”;
document.getElementById(“prova”).style.fontFamily=”verdana”;
document.getElementById(“prova”).style.fontSize=”20px”;
// –></script>

3 risposte

  1. getElementById è un metodo importantissimo da conoscere, per semplificare il suo utilizzo consiglio l’uso di un framework come per esempio jquery, che ci offre una versione avanzata del metodo chiamando semplicemente la funzione $()

  2. grazie per il commento. Sono d’accordo con te, esistono svariati framework da utilizzare e jquery è molto promettente.

  3. Ciao, sto studiando un pò di JavaScript e vorrei sapere se esiste un metodo per semplificare uno script dove appaiono tanti getelementbyid. Mi spiego meglio vorrei assegnare a diversi id (item1, item2, item3, etc) lo stesso stile. C’è un sistema per farlo? Se si potreste linkarmi un link di approfondimento o uno script commentato?? Grazie

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

uno × 5 =