Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.02.2013, 17:40
Новичок на форуме
Отправить личное сообщение для jsani Посмотреть профиль Найти все сообщения от jsani
 
Регистрация: 08.02.2013
Сообщений: 3

DOM, поиск методом getElementsByTagName
Привет.
Начал изучать JS на этом сайте. Добрался до раздела исполдьзования объектной модели DOM и не могу разобраться почему не получается выполнить метод:

Задача: найти всё что содержиться в контейнерах Li.

alert(document.getElementsByTagName('div')[0].getElementsByTagName('li'));


если я правильно понимаю вышенаписанную запись то получается что ищутся первый контейнер на странице DIV (он у нас как раз ищется по нулевому элементу массива). Далее у найденного дива получаем все li.


<div>
<li>Строка 1</li>
<li>Строка 2</li>
<li>Строка 3</li>
</div>


Поидее он в алерте должен вывести всё на экран все 3 строки но почему то не может этого сделать. ЧТо делаю не так ?
Код грубый. Тоесть JS код у меня в head как положен заключён в функцию.

Последний раз редактировалось jsani, 08.02.2013 в 17:44.
Ответить с цитированием
  #2 (permalink)  
Старый 08.02.2013, 17:49
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Сообщение от jsani Посмотреть сообщение
<div>
<li>Строка 1</li>
<li>Строка 2</li>
<li>Строка 3</li>
</div>
предлагаю начать с изучения html
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
  #3 (permalink)  
Старый 08.02.2013, 17:53
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Вы ничего не выводите в алерте
window.onload=function(){
var els=document.getElementsByTagName('div')[0].getElementsByTagName('li');
alert(els);
for(var i=0;i<els.length;i++)
alert(els[i].outerHTML)
}
Ответить с цитированием
  #4 (permalink)  
Старый 08.02.2013, 17:54
Новичок на форуме
Отправить личное сообщение для jsani Посмотреть профиль Найти все сообщения от jsani
 
Регистрация: 08.02.2013
Сообщений: 3

ответ на предложение
Сообщение от nerv_ Посмотреть сообщение
предлагаю начать с изучения html
Ты имел ввиду то что я упустил контейнер >ul> ?
Ответить с цитированием
  #5 (permalink)  
Старый 08.02.2013, 18:08
Аватар для Magneto
Люмус, Емаксос Developer!
Отправить личное сообщение для Magneto Посмотреть профиль Найти все сообщения от Magneto
 
Регистрация: 06.05.2010
Сообщений: 677

Сообщение от jsani
Ты имел ввиду то что я упустил контейнер >ul>
Да, он это имеет ввиду.

Сообщение от vadim5june
Вы ничего не выводите в алерте
Почему это он ничего не выводит? Он выводит в алерте коллекцию ДОМ-элементов. Что в процессе преобразований выведет [object NodeList]

<div>
    <li>Строка 1</li>
    <li>Строка 2</li>
    <li>Строка 3</li>
</div>

<script>
    alert(document.getElementsByTagName('div')[0].getElementsByTagName('li'));
</script>
Ответить с цитированием
  #6 (permalink)  
Старый 08.02.2013, 18:14
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Сообщение от Magneto
Почему это он ничего не выводит?
Да коллекцию выводит а не строки как он хотел
Ответить с цитированием
  #7 (permalink)  
Старый 08.02.2013, 18:17
Новичок на форуме
Отправить личное сообщение для jsani Посмотреть профиль Найти все сообщения от jsani
 
Регистрация: 08.02.2013
Сообщений: 3

Сообщение от vadim5june
vadim5june
Спасибо. На основе этого премера теперь полностью разобрался с механикой.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Поиск элементов DOM boberjs jQuery 7 14.12.2012 15:26
Jquery DOM поиск книги или учебника towayy jQuery 3 18.10.2012 14:52
Новый элемент отсутствует в DOM модели StrSprut jQuery 4 19.09.2011 12:50
Как в браузерах реализуются функции DOM (например createElement) iamme Общие вопросы Javascript 7 02.09.2011 20:26
поиск элементов в DOM Bebarr Swallow Общие вопросы Javascript 1 24.06.2011 14:57