14:55 Поиск элементов в DOM | |
Поиск элементов в DOM (Document Object Model)DOM (от англ. Document Object Model — «объектная модель документа») — это не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML, XHTML и XML-документов, а также изменять содержимое, структуру и оформление таких документов.
Стандарт DOM предусматривает несколько средств поиска элемента. Это методы Более мощные способы поиска предлагают javascript-библиотеки. Поиск по idСамый удобный способ найти элемент в DOM - это получить его по Например, следующий код изменит цвет текста на голубой в document.getElementById('dataKeeper').style.color = 'blue' Поиск по тегуСледующий способ - это получить все элементы с определенным тегом, и среди них искать нужный. Для этого служит Например, можно получить второй элемент(нумерация в массиве идет с нуля) с тэгом document.getElementsByTagName('LI')[1]
Что интересно, При этом будут найдены только те объекты, которые находятся под этим элементом. Например, следующий вызов получает список элементов document.getElementsByTagName('DIV')[0].getElementsByTagName('LI') Получить всех потомковВызов Например, на таком DOM: <div id="d1"> <ol id="ol1"> <li id="li1">1</li> <li id="li2">2</li> </ol> </div> Такой код: var div = document.getElementById('d1') var elems = div.getElementsByTagName('*') for(var i=0; i<elems.length; i++) alert(elems[i].id)
Выведет последовательность: Поиск по
| |
|
Всего комментариев: 0 | |