Cambio de atributos de elemento de JS DOM

HTML DOM允许JavaScript获取和更改HTML元素的属性。

获取元素的属性值

getAttribute()方法用于获取元素上指定属性的当前值。

以下示例获取锚元素的href和title属性的值：

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

Establecer atributo en el elemento

setAttribute()Método para establecer el valor del atributo en el elemento especificado.

Si el atributo ya existe, se actualizará el valor; de lo contrario, se agregará un nuevo atributo con el nombre y el valor especificados.

Este ejemplohrefEl valor del atributo se establece en el elemento de ancla:

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

Del mismo modo, puede usarsetAttribute()Método para actualizar o cambiar el valor del atributo existente en el elemento HTML.

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

Eliminar atributo del elemento

removeAttribute()El método se utiliza para eliminar atributos de elementos especificados.

Este ejemplo elimina el atributohrefAtributo:

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