Работа с дочерними элементами

@qlipoth · Регистрация: 27.04.2013

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

Привет, ребята как бодрость духа!. Подскажите как скопировать firstChild у элементов label в элемент option у select?
т.е. есть набор меток

HTML5
1
 <label for="seven" class="blue" name = "metka"><span></span>Этот текст нужно скопировать</label>

и есть select у которого между тегов option нужно поместить текст

HTML5
1
2
3
<select size="5" multiple  name="s id = "s class = "s">
<option> Скопированный текст из label </option> 
</select>

я делаю это при помощи функции. но тогда текст из тегов label переносится в select а мне надо чтобы скопировался как это сделать?

JavaScript
1
2
3
4
5
6
7
8
9
10
select = document.getElementById('s');
M = document.getElementsByName ('metka');
    function dobavlenie() {
            for (var i = 0;i<M.length; i++) {
                var opt = document.createElement('OPTION');
                opt.value = i;
                opt.appendChild ((M[i].childNodes[1]));
                select.appendChild(opt);
                }
        }

@vovandr · 10.11.2013, 20:34

Используйте клонирование нужных узлов, например так:

JavaScript
1
M[i].cloneNode(true)

@kalabuni · 10.11.2013, 21:22

Сообщение от vovandr

Используйте клонирование нужных узлов

зачем?

товарищу нужен текст, который находится внутри тега <label>
последовательно перебираются ноды тега <label>, определяется их тип, как только nodeType == 3, nodeValue сохраняется в переменной, которая затем присваивается свойству option.text

@newJS · 10.11.2013, 21:29

а по простому использовать innerText или textContent кто мешает?

@qlipoth · 10.11.2013, 21:42 **[ТС]**

вобщем я забыл что есть nodevalue. я просто написал opt.innerHTML =((M[i].childNodes[1].nodeValue))
не знаю правильно ли это но работает.

@kalabuni · 11.11.2013, 11:30

qlipoth, изучите HTML

у тега <OPTION>здесь может быть только текст и никаких HTML-тегов</OPTION>

поэтому ваши конструкции
opt.appendChild (...
и
opt.innerHTML = ... -- это полный бред

используйте opt.text = ... , как и было рекомендовано мною ранее

Новые блоги и статьи Все статьи Все блоги /
Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,529
	10.11.2013, 21:29
	а по простому использовать innerText или textContent кто мешает? 0

@qlipoth 23 / 23 / 1 Регистрация: 27.04.2013 Сообщений: 385 Записей в блоге: 3
	10.11.2013, 21:42 [ТС]
	вобщем я забыл что есть nodevalue. я просто написал opt.innerHTML =((M[i].childNodes[1].nodeValue)) не знаю правильно ли это но работает. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	11.11.2013, 11:30
	qlipoth, изучите HTML у тега <OPTION>здесь может быть только текст* и никаких HTML-тегов</OPTION>* поэтому ваши конструкции opt.appendChild (... и opt.innerHTML = ... -- это полный бред используйте opt.text = ... , как и было рекомендовано мною ранее 1