Как получить дочерний элемент DIV'а, зная только его id?

@Пушехвост · Регистрация: 15.09.2009

Студворк — интернет-сервис помощи студентам

Есть .
Внутри него с неизвестным уровнем вложенности находится текстовое поле с определенным id.
Текстовые поля с таким же id есть и в других частях документа.
Как, зная id, получить текстовое поле, находящееся именно в заданном DIV'е?
В Internet Explorer'е это можно сделать так:
var objTextBox = document.getElementById ('divId').all ['textBoxId']
Как это можно сделать в FireFox'е?

Заранее спасибо!

@sl_play · 26.05.2011, 10:14

document.getElementById('idDiv').childNo des/*получаем коллекцию всех дочерних элементов нужного дива, далее листаем её циклом*/

http://valeo-shkola.kiev.ua/JSBook/

@bazile · 26.05.2011, 11:23

> Есть .
> Внутри него с неизвестным уровнем вложенности находится
> текстовое поле с определенным id.
Имеется в виду <input type='text'>?
У него наверняка есть атрибут name, поэтому можно сделать так.

Code
1
2
3
4
5
6
7
8
9
10
11
function findByName(containerId, name)
{
    var c = document.getElementById(containerId);
    if (!c) return null;
    var inputs = c.getElementsByTagName('input');
    for (var i=0; i<inputs.length; i++)
    {
        if (name == inputs[i].name) return inputs[i];
    }
    return null;
}

Используем так

Code
1
findByName('idDiv', 'nameOfInputText').value = 'Hello!';

Также хочу обратить внимание всех на следующие моменты
1) Не назначайте одинаковый id разным элементам внутри одного документа. Это неправильно. Значение id должно быть уникальным в пределах документа.
2) Хватит использовать коллекцию all - она работает только в MSIE. На дворе 2005 год и поддержка уже DOM есть во всех основных браузерах.

@Пушехвост · 26.05.2011, 16:58 **[ТС]**

Большое спасибо!

Коллекцию all я использовал только для того,
чтобы сразу получить дочерний элемент по его id:
all ['textBoxId'],
без листания всех элементов коллекции,
что, как мне кажется, делает код более громоздким и менее быстрым.

Я думал, что в других браузерах существует аналогичный коллекции all способ напрямую получить элемент,
но сейчас понял, что его нет.
Теперь я больше не буду использовать all и буду использовать способ перебора всех элементов.

Хоть и не так удобно, зато надежно...

@vladmal@klan.khv.ru · 26.05.2011, 18:53

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<title>childNodes</title>
</head>
<body>
<div id='mu_div'><b id='mu_text'>mu text</b></div>
<SCRIPT LANGUAGE='JavaScript'>
<!--
alert(document.getElementById ('mu_div').childNodes('mu_text').innerText)
//-->
</SCRIPT>
</body>
</html>

@bazile · 26.05.2011, 19:16

2 vladmal@klan.khv.ru
Твой пример работает только в MSIE, а Alik Kirillovich просил пример работающий в FireFox.

Обращение childNodes('mu_text') является нестандартным. childNodes можно использовать только как массив с индексом в виде целого числа.

Новые блоги и статьи Все статьи Все блоги /
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.

@Пушехвост 0 / 0 / 0 Регистрация: 15.09.2009 Сообщений: 234

	Как получить дочерний элемент DIV'а, зная только его id? 26.05.2011, 01:25. Показов 5947. Ответов 5 Метки нет (Все метки) Есть . Внутри него с неизвестным уровнем вложенности находится текстовое поле с определенным id. Текстовые поля с таким же id есть и в других частях документа. Как, зная id, получить текстовое поле, находящееся именно в заданном DIV'е? В Internet Explorer'е это можно сделать так: var objTextBox = document.getElementById ('divId').all ['textBoxId'] Как это можно сделать в FireFox'е? Заранее спасибо! 0

@sl_play 4 / 4 / 3 Регистрация: 25.05.2009 Сообщений: 2,576
	26.05.2011, 10:14
	document.getElementById('idDiv').childNo des/получаем коллекцию всех дочерних элементов нужного дива, далее листаем её циклом/ http://valeo-shkola.kiev.ua/JSBook/ 0

@Пушехвост 0 / 0 / 0 Регистрация: 15.09.2009 Сообщений: 234
	26.05.2011, 16:58 [ТС]
	Большое спасибо! Коллекцию all я использовал только для того, чтобы сразу получить дочерний элемент по его id: all ['textBoxId'], без листания всех элементов коллекции, что, как мне кажется, делает код более громоздким и менее быстрым. Я думал, что в других браузерах существует аналогичный коллекции all способ напрямую получить элемент, но сейчас понял, что его нет. Теперь я больше не буду использовать all и буду использовать способ перебора всех элементов. Хоть и не так удобно, зато надежно... 0

@bazile 86 / 62 / 69 Регистрация: 15.03.2007 Сообщений: 6,903
	26.05.2011, 19:16
	2 vladmal@klan.khv.ru Твой пример работает только в MSIE, а Alik Kirillovich просил пример работающий в FireFox. Обращение childNodes('mu_text') является нестандартным. childNodes можно использовать только как массив с индексом в виде целого числа. 0