Hello World

Después de establecer el atributo:

Hello World

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El setAttribute() método agrega el specified atributo a un elemento, y le da el valor especificado.

Si el specified atributo ya existe, sólo se establece el valor / cambió.

Nota: Aunque es posible añadir el style atributo con un valor a un elemento con este método, se recomienda que utilice las propiedades del objeto de estilo en lugar de un estilo en línea, porque esto no se sobreponen a otras propiedades CSS que pueden especificarse en el style de atributos:

Malo:

element .setAttribute("style", "background-color: red;");

Bueno:

element .style.backgroundColor = "red";

Consejo: Utilice la removeAttribute() método para eliminar un atributo de un elemento.

Consejo: Véase también el setAttributeNode() método.

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.

Método
setAttribute()	Sí	9.0	Sí	Sí	Sí

Sintaxis

element .setAttribute( attributename , attributevalue )

Los valores de los parámetros

Parámetro	Tipo	Descripción
attributename	String	Necesario. El nombre del atributo que desea añadir
attributevalue	String	Necesario. El valor del atributo que desea añadir

Detalles técnicos

Valor de retorno:	Sin valor de retorno
Versión DOM	Nivel básico 1 Elemento de objetos

Más ejemplos

Ejemplo

Cambiar un campo de entrada a un botón de entrada:

document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");

Antes de establecer el atributo:

Después de establecer el atributo:

Inténtalo tú mismo "

Ejemplo

Añadir un atributo href con un valor de "www.w3ii.com" a un <a> elemento:

document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com");

Antes de establecer el atributo:

Go to w3ii.com

Después de establecer el atributo:

Go to w3ii.com

Inténtalo tú mismo "

Ejemplo

Averiguar si un <a> elemento tiene un atributo de destino. Si es así, cambie el valor del target atribuir a "_self" :

// Get the <a> element with id="myAnchor"
var x = document.getElementById("myAnchor");

// If the <a> element has a target attribute, set the value to "_self"
if (x.hasAttribute("target")) {
x.setAttribute("target", "_self");
}

Inténtalo tú mismo "