MICHELEPISANI.IT

Guida al DOM

Metodi per la gestione e manipolazione degli elementi

Gestione dei nodi elemento

Agosto 06
07:222014

I metodi per la gestione degli elementi nel DOM riguardano principalmente il recupero del riferimento del tag e la manipolazione dei suoi attributi.
Di seguito una lista con breve descrizione ed esempio di utilizzo dei relativi metodi:

Il metodo getElementsByTagName(), che è stato già affrontato ed approfondito nella descrizione dei metodi per l'oggetto document, recupera una famiglia di elementi caratterizzata dallo stesso tag e la organizza in un array ordinato in base alla loro posizione nel documento.

Il metodo setAttribute() ha due parametri, il primo è il nome dell'attributo ed il secondo è il suo valore. Questo metodo è utilizzato per creare un nuovo attributo all'elemento indicato, nel caso l'attributo sia già presente ne verrà sostituito il valore (come nell'esempio di seguito).

<input type="submit" value="Testo del bottone" id="id_elemento" />

<script type="text/javascript">
  element = getElementById("id_elemento")
  element.setAttribute("value", "Nuovo testo del bottone");
</script>


Il metodo getAttribute() ha come parametro solo il nome dell'attributo e serve per recuperarne il valore.

//  (vedere esempio precedente per il contesto di utilizzo)
// recupera il valore dell'attributo 'value' dell'elemento 'element'

element.getAttribute("value");


Il metodo removeAttribute() ha anch'esso come parametro solo il nome dell'attributo e serve per eliminarlo dall'elemento. Va tenuto in considerazione che nel caso l'attributo per un determinato elemento abbia un valore di default esso verrà assunto dopo l'utilizzo del metodo.

// (vedere il primo esempio di codice per il contesto di utilizzo)
// elimina il valore dell'attributo 'value' dell'elemento 'element'

element.removeAttribute("value");

// dato che l'elemento input di tipo submit ha un valore di default
// nel caso non sia indicato, il testo del bottone dopo la rimozione
// del suo valore con il metodo in questione diventerà 'Invia richiesta'


Il metodo tagName non ha parametri e restituisce il nome del tag dell'elemento preso in considerazione.

nome_tag = element.tagName

 

Tags
Condividi

Autore

Michele Pisani

Michele Pisani

Ho uno spiccato orientamento al problem-solving, se è troppo facile non mi diverto :)
Credo nella volontà e nel cambiamento perchè hanno fatto della mia passione il mio pane quotidiano.
Se devo descrivermi con una sola parola direi... "Concretezza", la mia stretta di mano è una garanzia.

0 Commenti

Non ci sono commenti

Nessuno ha ancora commentato questo articolo, fallo tu per primo!

Scrivi un Commento

Scrivi un Commento

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

Articoli e Argomenti correlati

Categorie popolari

Iscriviti alla mia newsletter

La tua e-mail con me sarà al sicuro.
Non fornirò mai le tue informazioni a nessuno!

Ultimi commenti

Michele

Ciao Antonio,
ma il tuo apk si chiama 'HelloWorld-release-unsigned.apk'?

Antonio

Grazie michele per la velocità con cui hai risposto, comunque ho seguito la tua guida passo per …

Michele

Ciao Antonio,
probabilmente stai utilizzando un'opzione non prevista per jarsigner e la …

Antonio

Ricevo questo errore da cosa dipende? Illegal option\: …