Método createAttribute() del Documento DOM HTML

Definición y uso

code>createAttribute() El método crea un atributo y devuelve ese atributo como objeto Attr.Opción alternativa:

Uso Método setAttribute() Más fácil.

Por favor, consulte:

Método setAttribute()

Método valor de atributo

Método setAttributeNode()

ejemplo

Ejemplo 1

// Crear el atributo class:
const att = document.createAttribute("class");
// Establecer el valor del atributo class:
att.value = "democlass";
// Añadir el atributo class al primer h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

prueba personalmente

Ejemplo 2

// Crear el atributo style:
const att = document.createAttribute("style");
// Establecer el valor del atributo style:
att.value = "color:red";
// Añadir el atributo style al primer h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

prueba personalmente

Ejemplo 3

Añadir el atributo href="www.codew3c.com" al elemento anchor:

// Crear el atributo href:
const att = document.createAttribute("href");
// Establecer el valor del atributo href:
att.value = "https://www.codew3c.com";
// Añadir el atributo href al elemento:
element.setAttributeNode(att);

prueba personalmente

sintaxis

document.createAttribute(name)

parámetros

parámetros descripción
name obligatorio. El nombre del atributo a crear.

valor devuelto

tipo descripción
nodo nodo de atributo recién creado. La propiedad nadeName se establece en name。

lanzar

Si el nombre contiene caracteres no permitidos, este método lanzará un código de INVALID_CHARACTER_ERR la excepción DOMException.

soporte del navegador

document.createAttribute() es una característica del nivel DOM 1 (1998).

Se admite en todos los navegadores:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
soporte 9-11 soporte soporte soporte soporte