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

Umberto

Grazie Michele, in realtà faccio un po' fatica a districarmi con l'assistenza di FB... Ora provo e …

Michele Pisani

Ciao Umberto,
hai provato a contattare il supporto tramite la community?

Umberto

Salve, dopo un paio di mesi di tentativi e di modifiche, sono riuscito a far partire la procedura …

Rosa

Salve. Sto unendo due Pagine. Tutto è stato da me 'omogeneizzato', quindi coi nomi simili ci siamo …