Метод createAttribute()
Примеры document.createAttribute)
// Создайте атрибут class:
const att = document.createAttribute("class");
// Установите значение атрибута class:
att.value = "democlass";
// Добавьте к атрибут class заголовок h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);
Попробуйте сами »
// Создайте атрибут style:
const att = document.createAttribute("style");
// Установите значение атрибута style:
att.value = "color:red";
// Добавьте к атрибут style заголовок h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);
Попробуйте сами »
Ещё примеры ниже.
Описание createAttribute()
Метод createAttribute() создает атрибут и возвращает атрибут как объект Attr.
Синтаксис createAttribute()
document.createAttribute(name)
Параметры createAttribute()
| Параметр | Описание |
|---|---|
| name | Обязательно. Имя создаваемого атрибута. |
Возвращаемое значение createAttribute()
| Тип | Описание |
|---|---|
| Node | Созданный узел атрибута. |
Ещё примеры createAttribute()
Добавьте атрибут href="www.schoolsw3.com" к якорному элементу:
// Создайте атрибут href:
const att = document.createAttribute("href");
// Установите значение атрибута href:
att.value = "https://www.schoolsw3.com";
// Добавьте атрибут href к элементу:
element.setAttributeNode(att);
Попробуйте сами »
Поддержка браузера createAttribute()
document.createAttribute() является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |