ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обратится к потомку div'a
5 сообщений из 5, страница 1 из 1
Обратится к потомку div'a
    #36624536
goshaua
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
goshaua
Участник
Здравствуйте!

как обратится к потомку div'a? Надо скрить/показать <div class="inputComboList"> ertert </div>.

делаю так: document.getElementById('inputComboBox').childNodes.item(1).style.display и скрывается <div class="inputBoxWrapper"> .... </div>

почему? Что не так?

Спассибо!!!

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<style>
  * {padding: 0 ; margin: 0 }
  body, html {width: 100 %; background-color: #ebebeb}
  #inputComboBox {width:200px; border:1px solid # 999 ; margin:20px}
  #inputComboBox .inputBoxWrapper {margin: 0 ; padding: 0 ;}
  #inputComboBox .inputBoxWrapper .inputBoxBody {width: 100 %; height:22px;}
  #inputComboBox .inputBoxWrapper .inputBoxBody .tdBoxField,
  #inputComboBox .inputBoxWrapper .inputBoxBody .tdBoxField input {width:180px; height:22px}
  #inputComboBox .inputBoxWrapper .inputBoxBody .tdBoxField input {border: 0 ; text-align:center; background-color:#FFC}
  #inputComboBox .inputBoxWrapper .inputBoxBody .tdBoxButton {width:20px; border-left: 1px solid # 999 ; text-align:center; cursor:default}
  #inputComboBox .inputComboList {border-top:1px solid # 999 ; position:relative; display:blok; width: 200px; height: 300px; background-color:#69F}
</style>
<script type="text/javascript">
function ShowList(){

  if(document.getElementById('inputComboBox').childNodes.item( 1 ).style.display  == 'none') {
	  document.getElementById('inputComboBox').childNodes.item( 1 ).style.display = 'block';
  } else {
	  document.getElementById('inputComboBox').childNodes.item( 1 ).style.display = 'none';  
  }
}
</script>
</head>
<body>
<div id="inputComboBox">
  <div class="inputBoxWrapper">
    <table class="inputBoxBody" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td class="tdBoxField">
          <input name="boxFieldInput" type="text" value="Time New Roman" readonly="readonly" />
        </td>
        <td class="tdBoxButton" onclick="ShowList();">♦</td>
      </tr>
    </table>
  </div>
  <div class="inputComboList"> ertert </div>
</div>

</body>
</html>
...
Рейтинг: 0 / 0
13.05.2010, 00:42:05
| Ответить | Цитировать | Написать  
Обратится к потомку div'a
    #36624546
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
goshaua,

потомо что на самом деле первым (т.е. нулевым) элементом будет текстовый узел, содержащий перевод строки и 2 пробела. Но это может быть везде по-разному. Поэтому никогда не закладывайтесь на childNodes при добыче элемента.

В вашем случае можно сделать так:
Код: plaintext
1.
2.
var arr = document.getElementById('inputComboBox').getElementsByTagName('div');
arr[arr.length- 1 ].style.display = 'none';

Или назначить свой id для этого дива и искать по нему. Этот вариант, понятное дело, самый быстрый. Если у вас не так уж много элементов, которые понадобятся в коде, назначайте им id и ищите по ним.

Так же есть вариант раскурить-таки jQuery, но тогда всё будет до неприличия просто :)
...
Рейтинг: 0 / 0
13.05.2010, 01:00:20
| Ответить | Цитировать | Написать  
Обратится к потомку div'a
    #36624551
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
....или вытянуть хтмл-код в одну строку, чтоб избавиться от "пустых" узлов с переводом строки.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
13.05.2010, 01:05:52
| Ответить | Цитировать | Написать  
Обратится к потомку div'a
    #36624555
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
vkle
....или вытянуть хтмл-код в одну строку, чтоб избавиться от "пустых" узлов с переводом строки.
Тоже вариант, но потом неудобно с таким кодом работать, вносить правки и т.д.
...
Рейтинг: 0 / 0
13.05.2010, 01:09:22
| Ответить | Цитировать | Написать  
Обратится к потомку div'a
    #36624556
goshaua
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
goshaua
Участник
Яростный Меч , Спассибо тебе большое!
...
Рейтинг: 0 / 0
13.05.2010, 01:10:56
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обратится к потомку div'a
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36624551&tid=1453101]:
 0ms
get settings:
 7ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 20ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 50ms
get tp. blocked users:
 2ms
others: 199ms
total:  311ms
созд. / загр.: 311ms
x
x
Закрыть


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