Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/18: Рейтинг темы: голосов - 18, средняя оценка - 4.50
1 / 1 / 0
Регистрация: 10.12.2013
Сообщений: 44

Вывести данные из htmlcollection

25.03.2021, 11:46. Показов 3771. Ответов 4

Студворк — интернет-сервис помощи студентам
Добрый день

Есть страница с табличными данными.

06 S 019 430 00 4 00 2 1
06 S 019 504 00 4 00 2 1
06 S 019 506 00 4 00 2 1
06 S 021 530 00 4 00 21
06 S 055 093 00 4 00 1 1
06 S 055 093 00 4 00 2 1
06 S 065 399 00 4 00 1 1
06 S 065 399 00 4 00 2 1

Получаю их в htmlcollection с помощью js

JavaScript
1
2
3
4
var hc_cei = document.getElementsByClassName('cei');
var a_cei = Array.from(hc_cei);
var map_cei = a_cei.map(t => {return t.innerText});
console.log(map_cei);
Однако, если выполняю через консоль браузера, то выводится все хорошо:
["06", "06", "06", "06", "06", "06", "06", "06"]

А вот если скрипт помещаю на страницу, то выводит пустой массив.
Название: 2CCDF47D-3044-476C-A37C-F16297E113FE.png
Просмотров: 48

Размер: 2.9 Кб
Что-то в другой теме писали про асинхронность. Но сам не приделаю её к скрипту. Или может не в ней дело? Помогите.
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
25.03.2021, 11:46
Ответы с готовыми решениями:

При обращении к элементу HTMLCollection*[] возвращает undefined
Доброго времени суток Уважаемые разработчики! Прибегаю к вашей консультации т.к. в источниках google и yandex мне найти нужную информацию...

При переборе htmlcollection элементы не видны в dom через консоль firefox
Всем доброго времени суток. Возникла такая проблема. Есть htmlcollection, содержащая div-ы. При выводе в консоли firefox видно, что каждый...

Обращение к дочернему элементу [object HTMLCollection]
Всем привет, задался вопросом, как можно обратиться к дочернему элементу Есть такой код var elem =...

4
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
25.03.2021, 12:44
Скрипт вы размещаете раньше вывода таблицы?
1
1 / 1 / 0
Регистрация: 10.12.2013
Сообщений: 44
25.03.2021, 14:09  [ТС]
Да, раньше. В <head>
0
 Аватар для UchihaSV
286 / 235 / 113
Регистрация: 08.06.2013
Сообщений: 725
25.03.2021, 14:46
Лучший ответ Сообщение было отмечено raffail как решение

Решение

Цитата Сообщение от raffail Посмотреть сообщение
Да, раньше
А вы ждете загрузки дома, перед выполнением скрипта?
2
1 / 1 / 0
Регистрация: 10.12.2013
Сообщений: 44
25.03.2021, 15:00  [ТС]
JS только тот который в сообщении. Ожидание не прописывал.

Добавлено через 8 минут
JavaScript
1
2
3
4
5
6
    document.addEventListener('DOMContentLoaded', function(){
    var hc_cei = document.getElementsByClassName('cei');
    var a_cei = Array.from(hc_cei);
    var map_cei = a_cei.map(t => {return t.innerText});
    console.log(map_cei);
        });
Так заработало. Спасибо за подсказку.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
25.03.2021, 15:00
Помогаю со студенческими работами здесь

Отфильтровать данные из первого dataGridView1 и вывести отфильтрованные данные во второй
Добрый день!Нужно отфильтровать данные из первого dataGridView1 и вывести отфильтрованные данные во второй. BindingSource bs = new...

отправить post данные на php, вывести эти данные в блок
пожалуйста, помогите, нужно передать 2 переменные от js через ajax к php, а потом вывести значения этих переменных в &lt;did...

Структуры: ввести данные о работниках и вывести их данные, отсортированные по алфавиту
Всем привет! Подскажите пожалуйста, что не так с моей функцией proverka? Мне нужно ввести данные о работниках и вывести их данные,...

Как вывести данные на форму из класса Reader, данные выводятся только в консоль
MainAplication.java package main; import javafx.application.Application; import javafx.fxml.FXMLLoader; import...

Вывести данные из двух таблиц, причём данные из второй таблицы не всегда имеются
Здравствуйте. Есть две таблицы. Первая - quiz_title (первый скриншот) Вторая - xf_quiz_history (второй скриншот) Задача: вывести...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru