Почему не работает querySelector с переменной?

@skapunker · Регистрация: 13.12.2013

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

Всем привет

Итак, у нас есть перменная data, которая содержит страницу в виде текста.
Мы ее разбираем парсером и вызываем метод querySelector.
Но он че то не работает. newData возвращает null.

Как правильно найти блок в данном случае?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
 
 
let block = '#myblock';
......
.then((data)=> {
                let inner, newData;
                inner = document.querySelector(block);
                newData = new DOMParser().parseFromString(data, "text/xml");
                newData = newData.querySelector(block);
                inner.innerHTML = newData;
                console.log(newData)
            })

@ZeroKara · 01.05.2024, 16:25

MIME тип неверно задан

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

"text/xml"

Для HTML правильно "text/html"

@voraa · 02.05.2024, 08:46

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

Но он че то не работает. newData возвращает null.

В каком случае? В первом (стр 8) или во втором (стр 9)? Вообще так не стоит делать - в одну переменную запихивать разные сущности.
Далее (стр 10). В innerHTML надо передавать строку. А у вас newData , (если вы его получите) будет объектом.
Может быть имелось в виду

JavaScript
1
inner.innerHTML = newData.innerHTML ;

@skapunker · 02.05.2024, 08:47 **[ТС]**

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

Может быть имелось в виду

именно так и имелось ввиду

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

Вообще так не стоит делать - в одну переменную запихивать разные сущности.

почему? она же будет перезаписана? и смысл плодить переменные.

@voraa · 02.05.2024, 08:52

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

и смысл плодить переменные.

А смысла их экономить. Название переменной должно как то соответствовать тому, что в ней находится. Потом, через несколько месяцев если придется разбирать или править код не разберетесь. А если другому человеку разбирать этот код? А если вам придется разбирать чужой код, а там все в одну переменную будут пихать по максимуму? Легко ли будет понять и запомнить, что в какой момент в ней находится?

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого 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 и. . .

Почему не работает querySelector с переменной?

Решение