Подскажите пожалуйста

Как можно обратиться к нескольким div-ам?

К примеру

<div class="Container">

<div class="bgcolor">Test1</div>
<div class="bgcolor">Test2</div>
<div class="bgcolor">Test3</div>
...
<div class="bgcolor">Test20</div>
<div class="bgcolor">Test21</div>
<div class="bgcolor">Test22</div>

</div>

Нужно по определенному событию, динамический пройтись по всем дивам класса "bgcolor",
И Если высота дива больше 200px то изменить цвет фона на "Оранжевый".

Это сообщение отредактировал(а) DMITRI - 19.12.2007, 21:50

А что нужно сделать с этими дивами? Обратиться можно пройдясь по ним в цикле. Обратиться можно по классу, по id, по названию тэга.

По классу это будет выглядеть так:

Кликните в области дивов

Это сообщение отредактировал(а) Ghirik - 20.12.2007, 00:05

Спасибо за быстрый ответ


А если у меня много вложенных дивов 

Например

<div class="Container">

<div class="nav"><div class="nav"><div class="bgcolor">Test1</div></div></div>
<div class="nav"><div class="nav"><div class="bgcolor">Test2</div></div></div>
<div class="nav"><div class="nav"><div class="bgcolor">Test3</div></div></div>

...
<div class="nav"><div class="nav"><div class="bgcolor">Test20</div></div></div>
<div class="nav"><div class="nav"><div class="bgcolor">Test21</div></div></div>
<div class="nav"><div class="nav"><div class="bgcolor">Test22</div></div></div>

</div>


можно ли как то проще обратиться, именно к дивам класса bgcolor

Нужно по определенному событию, динамический пройтись по всем дивам класса "bgcolor",
И Если высота дива больше 200px то изменить цвет фона на "Оранжевый".


Это сообщение отредактировал(а) DMITRI - 19.12.2007, 22:03

Можно при первом вызове этой ф-ции закешировать ссылки на нужные дивы в массив. И в дальнейшем бегать лишь по этому массиву.

Доработал - Если высота дива больше 200px то изменить цвет фона на "Оранжевый".




Есть ли еще какие нибудь способы, как можно оптимально обратиться именно к дивам класса "bgcolor"?

Не перебирая все дивы

Заранее благодарю за ответы!


Это сообщение отредактировал(а) DMITRI - 19.12.2007, 22:51

Пожалуй других способов и нет. Вы можете по событию window.onload назначить функцию, которая пробежит по всем дивам и дивы с классом "bgcolor" сложит во вновь созданный массив. А избежать полностью обхода всех дивов неудастся.

Нелепую опечатку исправьте только, плз. Ghirik, нехорошо такие ошибки в примерах допускать... ;)



В общем случае, насколько я знаю, нет. Если верстка точно известна, можно привязываться к ней - например, в данном случае можно выбрать всех childNodes у body, и затем обращаться к firstChild.firstChild каждого из них (предварительно проверив каждый уровень firstChild на существование, во избежание ошибок), но имхо это экономия на спичках. А вот кеширование в массив вполне может ускорить второй и последующий вызовы...

Это может ещё и не кроссбраузерно получиться, у них там разные чилды  бывают.

SelenIT, Вы меня озадачили на двадцать минут, что за опечатка, может это и не опечатка а твердая уверенность. 

Добавлено @ 23:49
window.onload что ли? Дак это я чтобы указать принадлежность события, ну событие понятно onload

Это сообщение отредактировал(а) Ghirik - 19.12.2007, 23:51

Ghirik, нет, в if-е.

   исправил....
for (var i = 0; i < div.length; i++) 
Это действительно опечатка,  если переменная объявляется на время выполнения функции, то лучще не захламлять мозги компьютеру и объявлять её используя оператор var. Тогда при выходе из функции она будет уничтожена, иначе останется доступной глобально.

Это сообщение отредактировал(а) Ghirik - 20.12.2007, 00:00

сорри, не вижу...  

И я не вижу   

Может косяка и нет вовсе?

Вот ведь!!! Увидел, спасибо, про это можно и не рассказывать... 

Добавлено через 9 минут и 45 секунд
Кстати, SelenIT, я где то встречал в if-е одновременное со сравнением присвоение значения переменной, т.е. во время сопоставления происходит присвоение. Как это записывается? Дайте, пожалуйста, примерчик. А то бывает надо....

Это сообщение отредактировал(а) Ghirik - 20.12.2007, 00:06

Что-то типа такого: if ((a = something.value) < 1500) ... ?

Можно, конечно. Только объявить переменную все равно нужно раньше - var в такую запись не запихнешь. Да и экономить строчки в ущерб читаемости - имхо, не лучшая практика.

Да, примерно так, да я тут что то сочинял, и так сильно подошел бы такой вариант... Но именно из-за var у меня и не работало. И дело не в экономии строчек, а просто в цикле было удобно, и мне, почему то, нравится такая запись. Спасибо.

Жалко, что нельзя обратиться напрямую к дивам класса bgcolor, придется по всем дивам пройтись. Спасибо за ответы.

2 Ghirik

Может вот этот if с присвоение.

The ( ) ? : Conditional Operator Statement
JavaScript Syntax:
evaluatedResult = (condition) ? expression1 : expression2