Metodo HTML DOMTokenList replace()

Definizione e uso

Il metodo replace() sostituisce il tag (token) all'interno di DOMTokenList.

Esempio

Esempio 1

Sostituisci un'altra classe CSS:

const list = element.classList;
list.replace("myStyle", "newStyle");

Prova tu stesso

Esempio 2

Aggiungi la classe "myStyle" all'elemento:

const list = element.classList;
list.add("myStyle");

Prova tu stesso

Esempio 3

Elimina la classe "myStyle" dall'elemento:

const list = element.classList;
list.remove("myStyle");

Prova tu stesso

Esempio 4

Cambia lo stato di attivazione/disattivazione di "myStyle":

const list = element.classList;
list.toggle("myStyle");

Prova tu stesso

Sintassi

domtokenlist.replace(old, new)

Parametro

Parametro Descrizione
old Obbligatorio. Il tag sostituito.
new Obbligatorio. Il tag da sostituire.

Valore di ritorno

Tipo Descrizione
Valore booleano Se il tag viene sostituito, restituisce true, altrimenti false.

Supporto dei browser

domtokenlist.replace() è una caratteristica di ECMAScript7 (ES7).

Tutti i browser moderni supportano ES7 (JavaScript 2016):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Internet Explorer o Edge 17 (o versioni precedenti) non supportano domtokenlist.replace().

Pagine correlate

Proprietà length

Metodo item()

Metodo add()

Metodo remove()

Metodo toggle()

Metodo forEach()

Metodo entries()

Metodo keys()

Metodo values()

Oggetto DOMTokenList