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 Pisani

Ciao peppe,
che tipo di errore ti dà? Hai verificato se il resto delle caratteristiche è …

peppe

Ciao, perchè non posso unire takeshy kurosawa con takeshy kurosawa shop? non sono nomi simili?

Michele Pisani

Grazie Ottavia, fa sempre piacere ricevere un feedback. Buon proseguimento.

Ottavia Neruda

La tua guida mi è stata utilissima. L'ho trovata semplice, ben fatta ed intuitiva. Grazie.