Швидкий пошук DOM-елементів
У браузерах, що підтримують «Element Traversal», доступні нові методи:
- firstElementChild - перший дочірній елементи;
- lastElementChild - останній дочірній елементи;
- nextElementSibling - наступний елементи;
- previousElementSibling - попередній елементи;
- childElementCount - кількість дочірніх елементів.
Ці методи працюють з вузлами, у яких nodeType == 1. наприклад, метод childElementCount показує не скільки всього дочірніх вузлів, а кількість дочірніх елементів, т. Е. Вузлів з nodeType == 1.
Все звичайно добре і зручно, але не можна забувати про величезної армії користувачів старих браузерів, тому напишемо функції, які дозволять кросбраузерну виконувати пошук дочірніх елементів.
Для початку перевіримо, чи підтримує браузер інтерфейс «Element Traversal»?
В результаті змінна traversal матиме значення true або false. спираючись на яке ми будемо вибирати, який із способів переміщення по DOM-дерево використовувати.
Наступна функція буде шукати перший дочірній елемент:
Розглянемо простий приклад використання:
Аналогічно буде виглядати функція lastChild:
Назвемо функції пошуку наступного і попереднього елемента «next» і «previous» відповідно:
І розглянемо їх роботу на простенькому прикладі:
Щоб отримати колекцію дочірніх вузлів, серед яких можуть міститися, непотрібні нам текстові вузли, в інтерфейсі DOM передбачений метод childNodes. але більшість браузерів підтримує і більш зручний метод children. який повертає колекцію, що складається тільки з елементів.
Перевіримо, чи підтримує браузер метод children?
І напишемо функцію пошуку:
Ну і звичайно розглянемо роботу на прикладі:
До речі, Microsoft як завжди «радує», в Internet Explorer 8 RC1 синтаксис методів querySelector і querySelectorAll обмежений версією CSS2
Ще підготував більш симпатичну сторіночку з прикладами використання js-core, на якій можна подивитися покрокове виконання деяких операцій.
Схожі теми
У opera 9.61 пливе розмітка, і з'являється горіхонтальная смуга прокрутки: /
Дивно, у мене в Opera 9.64 все нормально, а можна скріншот з проблемою?
Так і не вийшло відтворити проблему ні в Opera 9.61, ні в 9.64, мабуть у вас якісь проблеми зі з'єднанням
DOM4 на даний момент остання версія, але наскільки я знаю зараз готують стандарт DOM 4.1.
На теперішній період замовлення будь-якої техніки примушений протікати миттєво і квалітативну, то інакше діяти на практичних умовах, на демократичній ціні і відмінному хорошому змісті. Наша постачальник кліматізерной постачання подає подачу кондиционерной системою потреби кімнаті власне саме на даних положенні. Маркет Майстер-Клімат у столиці монтаж вентиляційних систем в киеве генерує продаж, транспортування, орієнтацію, регулювання, размонтіровку, протирання і випробування особистої вентиляційної техніки в зручним розцінками і твердження гарантійного терміну. На даному онлайн-сайті Майстер Клімат покупець має здійснимість виділити актуальну оснащення євро і східних компаній Панасонік, NeoClima, Cooper Хантер, Mitsubishi, Olma, Leberg, які можна купити за Києві по зрозумілим цінами. Майстер Клімат застосовує продаж товарів кліматізеров і підігріву, яке підсобить забезпечити затишний атмосферу, влаштоване і тривалу роботу на тривалий термін включення. Видзвонюють до нас, тоді ми рекомендувати саме для клієнта обрані варіації з хороших договорі.
Кондиціонери та охолоджуючі установки саме за зрозумілими вартістю в Одесі Ви отримують шанс оглянути плюс вибрати в онлайн-магазині кліматичної вправності Майстер Клімат Сервісне обслуговування кондиціонера в Одесі. Власне на порталі точки споживач зможуть оцінити кондиціонерне обладнання бутафора Тошиба, Panasonic, Neoclima, Cooper Hunter, Carrier, Даікін, Чиго, LG плюс інші, ну а до того ж визначити придбання плюс швидке транспортування в Одесі. Крім того, що привіз ми здійснюємо сервіс монтажу, демонтажу, діагностики також прочищення канальних спліт налагодженість до того ж технічних установок. Купуйте пристрої всякої обсягу також різновиди до того ж прийнятні ціни в сайті Майстер Клімат, ну а наші працівники передають високопробне сервіс щодо встановлення придбаного кліматізерного оснащення. Працюючи на ринку тривалий час, фірма здобула довгоочікувану популярність серед абонентів, атестати забезпечення властивостей, дозвіл плюс компетенцію зареєстрованого поставітеля, це надає для нас можливість здійснювати доставку прислухаючись всілякі прохання споживачів.
In my opinion you are mistaken. I can defend the position. Write to me in PM, we will communicate.
На мій погляд, це цікаве питання, буду брати участь в обговоренні.