Los últimos tutoriales de desarrollo web
 

HTML DOM createAttribute() Method

<Document Object

Ejemplo

Crear un atributo de clase, con el valor "democlass" , e insertarlo a un <h1> elemento:

var h1 = document.getElementsByTagName("H1")[0];   // Get the first <h1> element in the document
var att = document.createAttribute("class");       // Create a "class" attribute
att.value = "democlass";                           // Set the value of the class attribute
h1.setAttributeNode(att);                          // Add the class attribute to <h1>

Antes de crear el atributo:

Hello World

Después de insertar el atributo:

Hello World

Inténtalo tú mismo "

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


Definición y Uso

El createAttribute() método crea un atributo con el nombre especificado, y devuelve el atributo como un objeto Attr.

Consejo: Utilice el atributo .value propiedad para establecer el valor del atributo.

Consejo: Utilice el elemento. setAttributeNode() método para añadir el atributo recién creado a un elemento.

Consejo: A menudo, tendrá que utilizar el elemento. setAttribute() método en lugar de la createAttribute() método.


Soporte del navegador

Método
createAttribute()

Sintaxis

document.createAttribute( Los valores de los parámetros
Parámetro Tipo Descripción
attributename Attr object Necesario. El nombre del atributo que desea crear

Detalles técnicos

Valor de retorno: Un objeto de nodo, representando el created atributo
Versión DOM Nivel básico Objeto Documento 1

Ejemplos

Más ejemplos

Ejemplo

Crear un atributo href, con el valor "www.w3ii.com" , e insertarlo a un <a> elemento:

var anchor = document.getElementById("myAnchor");  // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "http://www.w3ii.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

Antes de crear el atributo:

Después de insertar el atributo:

Inténtalo tú mismo "

<Document Object