Выражение Javascript "document.body.getElementsByTagName ();" Vs "document.getElementsByTagName ();"

Question

Уважаемые эксперты, я новичок в javascript и часто вижу, как кодеры используют эти строки interchangeabaly.

document.body.getElementsByTagName();

и

document.getElementsByTagName();

Какая разница, преимущества?

Это как-то связано с FF и IE?

Answer 1

Разница в контексте. В первом примере вы смотрите внутри тега body, что означает, что вы никогда не сможете получить сам тег body или любые другие элементы вне этого

Во втором примере примера вы можете получить что угодно.

Ничего общего с конкретными браузерами.

Answer 2

Первый будет сортировать только элементы тела, т.е. не заголовок, если ваш документ правильно сформирован. Вторая сортирует вас по всем элементам, которые присутствуют либо в голове, либо в теле.

Answer 3

http://jsperf.com/document-body-getelementsbytagname1 говорит, что ajm не прав, document.getElementsByTagName('*'); работает быстрее на FF!

Answer 4

Как упоминалось выше, разница в контексте.

Первая строка будет искать все элементы данного имени тега, встречающиеся внутри тега body .

Вторая строка ищет все элементы данного имени тега, встречающиеся внутри всего документа.

С контекстом приходит скорость: если вы можете сделать свой поиск как можно более узким, вы найдете свои элементы быстрее и ваше приложение будет работать лучше.

Когда ваши документы станут более сложными, вы заметите что-то вроде этого:

document.getElementById('foo').getElementsByTagName('span')

начнет работать заметно быстрее, чем старый

document.getElementsByTagName('div')

Плюс, в сужении области вы будете иметь меньше результатов, что означает меньше итераций через DOM-узлы в поисках тех, на которых вы хотите работать.