Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> getElementsByTagName и querySelectorAll, Различие текущих методов 
V
    Опции темы
JAYBE
Дата 24.10.2012, 00:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: нет
Всего: 0



Добрый день.
В чем разница между  document.getElementsByTagName('a') и document.querySelectorAll("a")?
Дело в том, что в таком коде:
Код

_1 = document.getElementsByTagName('a');
_2 = document.querySelectorAll("a");

После добавления нового элемента ссылки в документ элемент _1 уже выдаёт ноделист из 3-х элементов, и _2 также из 2-х.
PM   Вверх
Aliance
Дата 24.10.2012, 10:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137



Потому что getElementsByTagName - это не просто массив, а ссылка на массив выбранных нод (т.н. live NodeList). А querySelectorAll - простой массив (static NodeList).

Код

var divs = document.getElementsByTagName("div"),
    i=0;
while (i < divs.length) {
    document.body.appendChild(document.createElement("div"));
    i++;
}


Код выше демонстрирует, что цикл выполнится бесконечное число раз, т.к. массив divs постоянно будет дополняться новым элементом.

К слову, getElementsByTagName работать будет быстрее в общих случаях, т.к. он заново не строит дерево элементов, а берет его из кеша документа.
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0713 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.