Интерфейс Attr описывает атрибуты узлов типа Element. Для этого атрибута определены следующие свойства: name (только для чтения) – содержит имя атрибута и value – возвращает или устанавливает значение атрибута.
Своих методов узел Attr не имеет, но он также наследует все свойства и методы интерфейса Node.
Пример 4.5.9. Использование свойств интерфейса Attr:
Задание нового атрибута id со значением "blocksImage01" для элемента img документа HTML в примере 4.5.1 (с учетом изменений, произведенных в примерах 4.5.5, 4.5.7 и 4.5.8):
// Создание атрибута id
idAttr = document.createAttribute("id");
// Задание значения для атрибута id
idAttr.value = "blocksImage01";
// Задание нового атрибута id для элемента img
document.getElementsByTagName("img")[0].setAttributeNode
(idAttr);
// Задание рамки толщиной в 1 пиксель для изображения
document.getElementsByTagName("img")[0].setAttribute(
"border", "1");
Предложение
alert("src='" +
document.getElementById("blocksImage01").getAttribute("src") + "'" +);
выведет новое значение атрибута src для изображения:
а вывод Web-страницы будет иметь следующий вид: