Documento HTML DOM createAttribute()
Exemplos
// 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);
Mais exemplos abaixo.
Definição e uso
O createAttribute()
método cria um atributo e retorna o atributo como um objeto Attr.
Alternativo:
É mais fácil usar o método element .setAttribute() .
Veja também:
O método setAttribute() do elemento
Sintaxe
document.createAttribute(name)
Parâmetros
Parameter | Description |
name | Required. The name of the attribute to create. |
Valor de retorno
Modelo | Descrição |
Nó | O nó de atributo criado. |
Mais exemplos
Adicione um atributo href="www.w3schools.com" a um elemento âncora:
// 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);
Suporte ao navegador
document.createAttribute()
é um recurso DOM Nível 1 (1998).
É totalmente suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |