пример
Создайте атрибут класса, со значением "democlass" , и вставить его в <h1> элемента:
var h1 = document.getElementsByTagName("H1")[0]; // Get the
first <h1> element in the document
var att =
document.createAttribute("class"); //
Create a "class" attribute
att.value = "democlass";
// Set the value of the class attribute
h1.setAttributeNode(att);
// Add the class attribute to <h1>
Перед созданием атрибута:
Hello World
После вставки атрибута:
Hello World
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
createAttribute() метод создает атрибут с указанным именем и возвращает атрибут как объект Attr.
Совет: Используйте атрибут .value собственности , чтобы установить значение атрибута.
Совет: Используйте элемент. setAttributeNode() метод , чтобы добавить вновь созданный атрибут к элементу.
Совет: Часто вы хотите использовать элемент. setAttribute() метод вместо createAttribute() метода.
Поддержка браузеров
метод | |||||
---|---|---|---|---|---|
createAttribute() | да | да | да | да | да |
Синтаксис
document.createAttribute( Значения параметров параметр Тип Описание attributename Attr object Необходимые. Имя атрибута вы хотите создать
Технические подробности
Возвращаемое значение: Объект Узел, представляющий created атрибут DOM Version Базовый уровень объекта 1 Документ
Еще примеры
пример
Создание HREF атрибута, со значением "www.w3ii.com" , и вставить его в <a> элемента:
var anchor = document.getElementById("myAnchor"); // Get the <a>
element with id="myAnchor"
var att = document.createAttribute("href");
// Create a "href" attribute
att.value = "http://www.w3ii.com";
// Set the value of the href attribute
anchor.setAttributeNode(att);
// Add the href attribute to <a> Перед созданием атрибута:
После вставки атрибута:
Попробуй сам "