Método createAttribute() do Documento DOM HTML

Definição e uso

code>createAttribute() O método cria um atributo e retorna-o como um objeto Attr.Opções alternativas:

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

Veja também:

Método setAttribute()

Método valor de atributo

Método setAttributeNode()

instância

Exemplo 1

// Criar o atributo class:
const att = document.createAttribute("class");
// Definir o valor do atributo class:
att.value = "democlass";
// Adicionar o atributo class ao primeiro h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

Experimente pessoalmente

Exemplo 2

// Criar o atributo style:
const att = document.createAttribute("style");
// Definir o valor do atributo style:
att.value = "color:red";
// Adicionar o atributo style ao primeiro h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

Experimente pessoalmente

Exemplo 3

Adicionar o atributo href="www.codew3c.com" ao elemento anchor:

// Criar o atributo href:
const att = document.createAttribute("href");
// Definir o valor do atributo href:
att.value = "https://www.codew3c.com";
// Adicionar o atributo href ao elemento:
element.setAttributeNode(att);

Experimente pessoalmente

sintaxe

document.createAttribute(nome)

parâmetro

parâmetro descrição
nome obrigatório. O nome do atributo a ser criado.

valor de retorno

tipo descrição
nó novo nó de atributo criado. A propriedade nadeName é configurada como nome。

lançar

Se o nome contiver caracteres inválidos, este método lançará um código de INVALID_CHARACTER_ERR a exceção DOMException.

suporte do navegador

document.createAttribute() é uma característica do DOM Level 1 (1998).

Todos os navegadores suportam ele:

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