Documento HTML DOM createAttribute()
Ejemplos
// Create a class attribute:
const att = document.createAttribute("class");
// Set the value of the class attribute:
att.value = "democlass";
// Add the class attribute to the first h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);
// Create a style attribute:
const att = document.createAttribute("style");
// Set the value of the style attribute:
att.value = "color:red";
// Add the style attribute to the first h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);
Más ejemplos a continuación.
Definición y uso
El createAttribute()
método crea un atributo y devuelve el atributo como un objeto Attr.
Alternativa:
Es más fácil usar el método del elemento .setAttribute() .
Ver también:
El método del elemento setAttribute()
Sintaxis
document.createAttribute(name)
Parámetros
Parameter | Description |
name | Required. The name of the attribute to create. |
Valor devuelto
Escribe | Descripción |
Nodo | El nodo de atributo creado. |
Más ejemplos
Agregue un atributo href="www.w3schools.com" un elemento de anclaje:
// Create a href attribute:
const att = document.createAttribute("href");
// Set the value of the href attribute:
att.value = "https://www.w3schools.com";
// Add the href attribute to an element:
element.setAttributeNode(att);
Compatibilidad con navegador
document.createAttribute()
es una característica DOM Nivel 1 (1998).
Es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |