В силу чего ошибка происходит? Проверка на наличие элемента

@Gerd199 · 29.12.2022, 17:07. **Показов** 558. **Ответов** 6

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

Так ошибки нету

Code
1
this.bd.querySelector('#pdp_cn').innerText = 'Текст';

Не на всех страницах присутствует блок с '#pdp_cn'.

Пытаюсь сделать так

Code
1
this.bd.querySelector('#pdp_cn')?.innerText = 'Текст';

В данном случаи ошибка, возможно ли так сделать, а не через условие делать проверку?

krvsa · 29.12.2022, 17:09

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

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

Нет. ?. используется только для "чтения" данных.
Не для записи.

@Gerd199 · 29.12.2022, 17:17 **[ТС]**

Как в данном случаи возможно написать иначе, не так как
true ? true : false

Не люблю подобные условия писать

JavaScript
1
2
(с = this.bd.querySelector('#pdp_cn')) ? (с.innerText = 'Текст') : null;
(с = this.bd.querySelector('#pdp_cn')) && (с.innerText = 'Текст');

@Balanaar · 29.12.2022, 17:22

JavaScript
1
2
const pdp = this.bd.querySelector('#pdp_cn');
if (pdp) pdp.innerText = 'Текст';

Добавлено через 2 минуты

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

В силу чего ошибка происходит?

Обсуждалось в вашей же теме.

KingdaKa · 29.12.2022, 18:28

JavaScript
1
2
3
    try {
      this.bd.querySelector('#pdp_cn').innerText = 'Текст';
    } catch { }

Добавлено через 7 минут
А вообще, если нужно много работать с DOM, то стоит писать свой маленький шквери...

JavaScript
1
2
3
4
5
const innTxt = (t, e, d = document) => {
      let el = d.querySelector(e);
      if (el) el.textContent = t;
    }
    innTxt("Текст", ".bbb", /*this.bd*/);

HTML5
1
<div class="bbb"></div>

Все повторяющиеся операции как и положено выносить в функции/методы.

@DrType · 29.12.2022, 18:53

JavaScript
1
[this.bd.querySelector('#pdp_cn')].forEach(el => el.innerText = 'Текст');

KingdaKa · 29.12.2022, 21:20

JavaScript
1
((e) => e && (e.innerText = 'Текст'))(this.bd.querySelector('#pdp_cn'));

Как вариант

JavaScript
1
((e) => e ? e.innerText = 'Текст' : 0)(this.bd.querySelector('#pdp_cn'));

Добавлено через 9 минут

JavaScript
1
(this.bd.querySelector('#pdp_cn') ?? {}).innerText = "Текст";

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .