Per element si intende qualunque elemento della pagina caratterizzato da un tag, perciò negli esempi che vedremo, ogni volta che si incontra "element" si dovrà intendere un generico oggetto che rappresenta un elemento, come quelli ritornati dai metodi getElementById() e getElementsByTagName().
I metodi per "element", consentono per lo più di gestire e manipolare le caratteristiche di ogni singolo elemento, come recuperare, impostare e rimuovere gli attributi dell'elemento stesso.
- getElementsByTagName
È lo stesso metodo visto per "document", ed ha la stessa sintassi e la stessa semantica. In questo caso naturalmente ritorna la lista degli elementi contenuti all'interno di un certo elemento.
Nel caso di "document", che possiamo considerare l'elemento radice, questo metodo fornisce la lista di tutti gli elementi presenti nella pagina. Possiamo considerare ciascun elemento una sottoradice che al suo interno contiene altri elementi e concepire progressivamente il modello astratto nella sua gerarchia di radici e sottoelementi..
- setAttribute
Questo metodo permette di creare un nuovo attributo all'elemento specificato. Qualora l'attributo sia già presente, il metodo sovrappone il nuovo valore all'attributo in questione. La sintassi è:
element.setAttribute(nome_attributo, valore_attributo)
- nome_attributo (stringa) è il nome dell'attributo che deve essere inserito o modificato
- valore_attributo (stringa) è il valore cui impostare l'attributo specificato
- getAttribute
Con questo metodo, si recupera il valore di un attributo dell'elemento. La sintassi è:
element.getAttribute(nome_attributo)
- nome_attributo (stringa) è il nome dell'attributo di cui si vuole recuperare il valore
- removeAttribute
Con questo metodo, si rimuove l'attributo passato come parametro. Qualora l'attributo abbia un valore di default, sarà questo il nuovo valore assunto dall'attributo. La sintassi è:
element.removeAttribute(nome_attributo)
- nome_attributo (stringa) è il nome dell'attributo che si vuole eliminare
Utile può essere anche una proprietà degli elementi, che evidenzia il binomio elemento-tag:
- tagName
Restituisce il nome del tag dell'elemento associato. La sua sintassi è, come per tutte le proprietà:
element.tagName
Nella prossima lezione andiamo ad esaminare i metodi riguardanti i nodi, in questo modo avremo tutti gli strumenti per cominciare ad eseguire piccoli script utilizzando la sintassi W3C.