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() | Sí | Sí | Sí | Sí | Sí |
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
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 "