Gestione dei nodi elemento

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