ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Можно в JavaScript обратиться к div с индексом в квадратных скобках?
13 сообщений из 13, страница 1 из 1
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35538329
azov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
azov
Гость
<div>

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

</div>


Есть такая конструкция. Можно как-то в JavaScript обратиться к вложенным divам с индексом в квадратных скобках, как например в массивах []. С этими вложенными divами нужны однотипные действия, нужно менять их свойства CSS. Если обращаться к каждому отдельно, то это будет занимать много места, а если по индексу, то это можно было бы сделать в цикле.
...
Рейтинг: 0 / 0
14.09.2008, 17:26
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35538345
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Можно, конечно, и извращаться. Для доступа к этим самым дивам проще использовать:
firstChild, nextSibling, previousSibling, lastChild, parentNode и т.д.
...
Рейтинг: 0 / 0
14.09.2008, 17:58
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35538346
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Забыл совсем и, ясен хрен, childNodes .
...
Рейтинг: 0 / 0
14.09.2008, 18:00
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35538349
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
В последнем посте i в кв. скобках не отразились.
...
Рейтинг: 0 / 0
14.09.2008, 18:02
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35538351
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
К сожалению часть веб-браузеров "линших" пробельных node. (Хотя по идее не должны это длеать по спецификации). так что надо так только

Код: plaintext
1.
2.
3.
4.
5.
6.
...</div><div>


</div><div>

...
...
Рейтинг: 0 / 0
14.09.2008, 18:04
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35543007
azov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
azov
Гость
1.
Не получается у меня разобраться с этими firstChild, childNodes.

<html>
<head></head>
<body id="bod">
<div id="blok">
<div id="blok1"></div>
<div id="blok2"></div>
</div>
</body>
</html>

К примеру есть такой файл; атрибут firstChild содержит первый элемент узла, childNodes - все дочерние элементы узла и т.д. Как ими воспользоваться что бы что-нибудь изменить в этом файле, например чтобы сделать элемент с id-blok1 невидимым; обычно document.getElementById("blok1").style.display="none, а как обратиться к этому элементу, через firstChild? Я понимаю что это нужно, наверное, самому читать, но все сейчас читать нет времени, а узнать охота уже сейчас; может кто-нибудь обЪяснит.

2.
Смотрел я бегло о DOM в книге Дэнни Гудман "JavaScript Библия пользователя" - там о firstChild, childNodes и др. вообще ничего нет. В книге Ричарда Вагнера "JavaScript энциклопедия пользователя" - все есть, но разобраться не могу. В книге дан такой пример:

<html>
<head>
<title>Dom document tree</title>
</head>
<body ID=[db1]bodyNode[db1]>
<P ID="Node1">A first paragraph</p>
<P ID=[db1]Node2[db1]></p>
<P ID=[db1]Node3[db1]></p>
<P ID=[db1]Node4[db1]></p>
</body>
</html>

и сказано, например, атрибут childNodes типа NodeList - NodeList содержит все дочерние элементы узла; firstChild типа Node - первый дочерний элемент узла и т.д.
А также, что-бы обратиться к первому дочернему элементу: bodyNode.firstChild или bodyNode.childNodes[0]; ко второму дочернему элементу: body Node.childNodes[1] и т.д.
Но обратиться таким образом у меня не получается. Как в указанном примере обратиться к какому-нибудь элементу и что-нибудь изменить?
Что такое в указанном примере [db1] я вообще не знаю, но я полагаю - это запись кавычек, так как при записе ID-Node1 использовались кавычки, а в остальных случаях эта запись; и еще я не знаю как там правильно записать [db1] или [dbl], так как смотрел по электронной книге.

3.
А что в JavaScript можно обращаться к элементам на странице даже без document.all, document.getElementById("ID"), а сразу начинать с ID-идентификатора?
...
Рейтинг: 0 / 0
16.09.2008, 21:06
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35543015
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
azov, а сразу начинать с ID-идентификатора?

Да, такая возможность есть. но использовать ее не рекомендуется (читайте нельзя).
Эта возможность поддерживается для обратной совместимости, но чаще мешает чем помогает.
Дело в том, что неявно создаваемые переменные на глобальном уровне, одноименные с ID, засоряют глобальное пространство имен.
...
Рейтинг: 0 / 0
16.09.2008, 21:15
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35543029
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
apapacyК сожалению часть веб-браузеров "линших" пробельных node. (Хотя по идее не должны это длеать по спецификации). так что надо так только


ну и что, просто в своем цикле добавляешь одну проверку на nodeType, и все
...
Рейтинг: 0 / 0
16.09.2008, 21:23
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35543046
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
зы[quot apapacy]...проверку на nodeType, и все...
Я тоже так делаю.
...
Рейтинг: 0 / 0
16.09.2008, 21:35
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35543063
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
Так понятно ж

Код: plaintext
1.
2.
3.
4.
5.
6.
function firstElement(nodes) {
  for(var i =  0 ; i < nodes.length; i++)
    if (nodes[i].nodeType ==  1 )
      return nodes[i];
  return undefined;
}

Это я, чтоб человека с толка сразу не сбивать.
...
Рейтинг: 0 / 0
16.09.2008, 21:44
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35543111
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
я бы написал проще
Код: plaintext
var node = $('#container div:first-child');
;)
...
Рейтинг: 0 / 0
16.09.2008, 22:40
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35543118
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
На самом деле, то что написал апапаси можно и на голом яваскрипте одной строчкой написать. Лень только да ты, зы, и так об этом знаешь.
...
Рейтинг: 0 / 0
16.09.2008, 22:46
| Ответить | Цитировать | Написать  
Можно в JavaScript обратиться к div с индексом в квадратных скобках?
    #35543134
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
Одной строчкой через точку с запятой.
Никогда не ставил цель программировать в одну строчку.
Код должен быть понятным.
...
Рейтинг: 0 / 0
16.09.2008, 23:07
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Можно в JavaScript обратиться к div с индексом в квадратных скобках?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35543063&tid=1455876]:
 0ms
get settings:
 5ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 148ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 27ms
get tp. blocked users:
 1ms
others: 211ms
total:  417ms
созд. / загр.: 417ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]