Modifica delle proprietà degli elementi con JS DOM

HTML DOM consente a JavaScript di ottenere e modificare le proprietà degli elementi HTML.

Ottieni il valore dell'attributo dell'elemento

getAttribute()Il metodo è utilizzato per ottenere il valore attuale dell'attributo specificato dell'elemento.

di seguito è riportato un esempio di come ottenere l'elemento di collegamentohrefetitle属性的值：

var link = document.getElementById("demo");
var href = link.getAttribute("href");
var title = link.getAttribute("title");

Impostare l'attributo sull'elemento

setAttribute()Il metodo viene utilizzato per impostare il valore dell'attributo sull'elemento specificato.

Se l'attributo esiste già, viene aggiornato il valore; altrimenti, viene aggiunto un nuovo attributo con il nome e il valore specificati.

Questo esempiohrefIl valore dell'attributo dell'elemento ancore:

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "https://it.oldtoolbag.com/css3/");

Analogamente, è possibile utilizzaresetAttribute()Il metodo viene utilizzato per aggiornare o modificare il valore dell'attributo esistente dell'elemento HTML.

document.getElementsByTagName("input")[0].setAttribute("type", "text");

Rimuovere l'attributo dall'elemento

removeAttribute()Il metodo viene utilizzato per rimuovere l'attributo da un elemento specifico.

Questo esempio rimuove l'attributohrefProprietà:

document.getElementsByTagName("a")[0].removeAttribute("href");