Стандарт DOM предусматривает несколько средств поиска элемента. Это методы getElementById , getElementsByTagName и getElementsByName .
Более мощные способы поиска предлагают javascript-библиотеки.
Поиск по idСамый удобный способ найти элемент в DOM - это получить его по id . Для этого используется вызов document.getElementById(id)
Например, следующий код изменит цвет текста на голубой в div "е c id="dataKeeper" :
Document.getElementById("dataKeeper").style.color = "blue"
Поиск по тегуСледующий способ - это получить все элементы с определенным тегом, и среди них искать нужный. Для этого служит document.getElementsByTagName(tag) . Она возвращает массив из элементов, имеющих такой тег.
Например, можно получить второй элемент(нумерация в массиве идет с нуля) с тэгом li:
Document.getElementsByTagName("LI")
Что интересно, getElementsByTagName можно вызывать не только для document , но и вообще для любого элемента, у которого есть тег (не текстового).
При этом будут найдены только те объекты, которые находятся под этим элементом.
Например, следующий вызов получает список элементов LI , находящихся внутри первого тега div:
Document.getElementsByTagName("DIV").getElementsByTagName("LI")
Получить всех потомковВызов elem.getElementsByTagName("*") вернет список из всех детей узла elem в порядке их обхода .
Например, на таком DOM:
Такой код:
Var div = document.getElementById("d1") var elems = div.getElementsByTagName("*") for(var i=0; i(.*?)(.*?)(.*?)