Метод createAttribute() DOM Document HTML

Определение и использование

code>createAttribute() Метод создает атрибут и возвращает его в виде объекта Attr.Альтернативный вариант:

Использование Метод setAttribute() Это проще.

Дополнительная информация:

Метод setAttribute() элемента

Метод значения атрибута

Метод setAttributeNode()

пример

пример 1

// Создать атрибут class:
const att = document.createAttribute("class");
// Установить значение атрибута class:
att.value = "democlass";
// Добавить атрибут class к первому h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

попробуйте сами

пример 2

// Создать атрибут style:
const att = document.createAttribute("style");
// Установить значение атрибута style:
att.value = "color:red";
// Добавить атрибут style к первому h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

попробуйте сами

пример 3

Добавить атрибут href="www.codew3c.com" к элементу anchor:

// Создать атрибут href:
const att = document.createAttribute("href");
// Установить значение атрибута href:
att.value = "https://www.codew3c.com";
// Добавить атрибут href к элементу:
element.setAttributeNode(att);

попробуйте сами

грамматика

document.createAttribute(name)

параметр

параметр описание
name обязателен. Название свойства, которое нужно создать.

возвратное значение

тип описание
узел новоиспеченный узел свойства. Атрибут nadeName установлен в name

выброс

Если name содержит недопустимые символы, этот метод выбросит код: INVALID_CHARACTER_ERR исключение DOMException.

поддержка браузерами

document.createAttribute() Это функция DOM Level 1 (1998).

Поддерживается всеми браузерами:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
поддержка 9-11 поддержка поддержка поддержка поддержка