Manipolare il DOM

Nell'esempio sono presenti 10 elementi li all'interno di un elemento ul
Hanno tutti la classe rossa a parte il quarto e l'ottavo elemento
document.getElementById(id)
Seleziona l'elemento in base al suo id
className
Cambia la classe di un elemento
document.getElementsByClassName(classe)
Seleziona l'elemento in base alla classe
document.getElementsByTagName(tag)
Seleziona l'elemento in base al tag
document.querySelector(selettore CSS)
Seleziona il primo elemento in base al selettore CSS impostato
document.querySelectorAll("selettore CSS")
Seleziona tutti gli elementi in base al selettore CSS impostato
.textContent
Recupera-imposta il testo di un elemento
document.createElement(tag)
Crea un tag vuoto
document.createTextNode(testo)
Crea il testo da inserire nell'elemento
.appendChild(elemento)
Aggiunge il nuovo elemento al DOM
.parentNode
Risale all'elemento genitore
.removeChild(elemento)
Rimuove un elemento dal DOM
.hasAttribute("class")
Verifica se un elemento ha l'attributo class impostato
.setAttribute("class","rosso")
Aggiunge un attributo all'elemento
.removeAttribute("class")
Rimuove un attributo da un elemento