Автор Тема: Динамический доступ к елементам внутри div  (Прочитано 4471 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Dansmir

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 10
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Есть вот такой html


<div id="div_1">
<
table>
<
tr>
<
td>lpt1</td>
<
td><input type="text"></td>
</
tr>
<
tr>
<
td>com1</td>
<
td><input type="text"></td>
</
tr>
</
table>
</
div>


Подскажите каким образом можна динамически  доступиться к елементам таблицы ,
и тому что внутри , а именно присвоить какое то значение input\'ам?

Оффлайн hanslinger

  • H2Oer
  • Ветеран
  • *****
  • Сообщений: 1148
  • +0/-0
  • 2
    • Просмотр профиля
    • http://www.orava.ru
Динамический доступ к елементам внутри div
« Ответ #1 : 30 Августа 2006, 04:31:00 »
Нужно дать каждому input id.
И все будет просто.

Оффлайн Dansmir

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 10
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Динамический доступ к елементам внутри div
« Ответ #2 : 30 Августа 2006, 09:53:49 »
hanslinger
не такой вариант не подходит

надо что то типа document.all при условии что

Оффлайн Dansmir

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 10
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Динамический доступ к елементам внутри div
« Ответ #3 : 30 Августа 2006, 10:02:23 »
Например

<div id="div_1">
<
table>
<
tr>
<
td>lpt1</td>
<
td><input type="text" id="ar[]"></td>
</
tr>
<
tr>
<
td>com1</td>
<
td><input type="text" id="ar[]"></td>
</
tr>
</
table>
</
div>
<
div id="div_2">
<
table>
<
tr>
<
td>lpt1</td>
<
td><input type="text" id="ar[]"></td>
</
tr>
<
tr>
<
td>com1</td>
<
td><input type="text" id="ar[]"></td>
</
tr>
</
table>
</
div>

и мне надо инпутам div_1 присвоить значение \'TEXT\'

Оффлайн html_coder

  • Фанат форума
  • Старожил
  • ****
  • Сообщений: 427
  • +0/-0
  • 0
    • Просмотр профиля
Динамический доступ к елементам внутри div
« Ответ #4 : 30 Августа 2006, 11:56:46 »
А можно всё-таки попонятнее объяснить что требуется...

Оффлайн Dansmir

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 10
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Динамический доступ к елементам внутри div
« Ответ #5 : 30 Августа 2006, 12:20:52 »
имею вот это

<div id="2" name="2" style="display: none;">
<
table align="left" border="0" cellspacing="0" cellpadding="0">
<
tr>
<
td align="center">Name1</td>
<
td align="center"><input type="checkbox" name="isCheck[]"></td>
</
tr>
</
table></div>
<
div id="A" name="A" style="display: block;">
<
table align="left" border="0" cellspacing="0" cellpadding="0">
<
tr>
<
td align="center">Name2.1</td>
<
td align="center"><input type="checkbox" name="isCheck[]"></td>
</
tr>
<
tr>
<
td align="center">Name2.2</td>
<
td align="center"><input type="checkbox" name="isCheck[]"></td>
</
tr>
<
tr>
<
td align="center">Name2.3</td>
<
td align="center"><input type="checkbox" name="isCheck[]"></td>
</
tr>
</
div>


и есть кнопки, по нажатии на которые отображаеться та или другая дивка.

Нужно сделать кнопочку по нажатии на которую будут отмечаться все чекбоксы той дивки которая в даный момент видна, тоесть display:block.

Оффлайн html_coder

  • Фанат форума
  • Старожил
  • ****
  • Сообщений: 427
  • +0/-0
  • 0
    • Просмотр профиля
Динамический доступ к елементам внутри div
« Ответ #6 : 30 Августа 2006, 12:33:09 »
А зачем вообще запихивать это в div, почему нельзя ставить id для table?








Это один из доброго десятка способов, как достучаться, специально расписал тебе поэтапно!

var table_rows = document.getElementById(\'table1\').rows; //строки таблицы
var table_cells = table_rows[0].cells //Ячейки первой строки

var input_cell = table_cells[1]; //Вторая ячейка
var input = input_cell.firstChild; //Input
var input.checked = true //Ставим галочку

Оффлайн Dansmir

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 10
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
Динамический доступ к елементам внутри div
« Ответ #7 : 30 Августа 2006, 12:41:27 »
to html_coder
точно так можно
спасибо за помощь чайнику

 

Sitemap 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 

test