Метод createAttribute()
Пример
Создайте атрибут class со значением "democlass" и вставьте его в элемент "h1":
var h1 = document.getElementsByTagName("H1")[0]; // Получите первый элемент <h1> в document
var att = document.createAttribute("class"); // Создайте атрибут "class"
att.value = "democlass"; // Установите значение атрибута класса
h1.setAttributeNode(att); // Добавьте атрибут класса в <h1>
Перед созданием атрибута:
Привет Мир
После вставки атрибута:
Привет Мир
Попробуйте сами »
Еще примеры "Попробуй сам" ниже.
Определение и использование
Метод createAttribute() создает атрибут с указанным именем и возвращает его как объект Attr.
Совет: Используйте свойство attribute.value для установки значения атрибута.
Совет: Используйте метод element.setAttributeNode() добавления вновь созданного атрибута к элементу.
Совет: Чаще используйте метод element.setAttribute(), вместо метода createAttribute().
Поддержка браузера
| Метод | |||||
|---|---|---|---|---|---|
| createAttribute() | Да | Да | Да | Да | Да |
Синтаксис
document.createAttribute(attributename)
Параметр значений
| Параметр | Тип | Описание |
|---|---|---|
| attributename | Attr объект | Требуемый. Имя атрибута, который вы хотите создать |
Технические детали
| Возвращаемое значение: | Объект узла, представляющий созданный атрибут |
|---|---|
| Версия DOM | Основной уровень 1 Объект документа |
Еще примеры
Пример
Создайте атрибут href со значением "www.schoolsw3.com", и вставьте его в элемент "a":
var anchor = document.getElementById("myAnchor"); // Получите элемент <a> с помощью id="myAnchor"
var att = document.createAttribute("href"); // Создайте атрибут "href"
att.value = "https://www.schoolsw3.com"; // Установите значение атрибута href
anchor.setAttributeNode(att); // Добавьте атрибут href к <a>
Перед созданием атрибута:
После вставки атрибута:
Попробуйте сами »