Возможно получить все элементы с определенным тегом, и среди них искать нужный. Для этого служит document.getElementsByTagName(tag). Она возвращает массив из элементов, имеющих такой тег.
Например, можно получить второй элемент(нумерация в массиве идет с нуля) с тэгом li: document.getElementsByTagName('LI')[1];
Следующий вызов получает список элементов LI, находящихся внутри первого тега DIV:
document.getElementsByTagName('DIV')[0].getElementsByTagName('LI')
Свойства (атрибуты) элементов
У DOM-элементов есть масса свойств. Некоторые из них можно читать и устанавливать, другие - только читать.
TagName
Атрибут есть у элементов-тегов и содержит имя тега в верхнем регистре, только для чтения.
Style
Это свойство управляет стилем. Оно аналогично установке стиля в CSS.
Пример 3. Изменение ширины кнопки (element.style.width).
<input type="button" style="width: 300px"
onclick="this.style.width = parseInt(this.style.width)-10+'px'"
value="Укоротить"/>
Замечание. Если CSS-атрибут имеет дефисы, то для установки style нужно заменить их на верхний регистр букв.
ClassName
| Это свойство задает класс элемента. Оно полностью аналогично html-атрибуту "class". Например, elem.className = 'news'.
|