169 похожих чатов

Привет, друзья 🤝 У меня есть img с классом icon_player.

Таких картинок - множество. Почему-то typescript ругается 🤷‍♂️ Что я делаю не так?

14 ответов

11 просмотров

В песочницу закинь

Ошибка вам сообщает что тип Element это более широкий тип и в нем нету полей imageElement

Токсизавр-🕊 Автор вопроса
Vladisλav
В песочницу закинь

https://codepen.io/MiAngPro/pen/gOZZPeR?editors=1011 - так же должен быть прописан тип изображения одного из div? 🧐

Токсизавр-🕊 Автор вопроса
Alex
Ошибка вам сообщает что тип Element это более широ...

Это то понятно. Мне не понятно как исправить ошибку 🤷‍♂️ Нужно писать интерфейс? Или есть другой способ?

getElementsByClassName всегда возвращает коллекцию элементов, а тебе нужен уточненный тип для каждого элемента. Тебе нужно использовать либо: const foo = querySelectorAll<HTMLImageElement>('.foo') Но здесь надо понимать что по сути здесь кастится Element к HTMLImageElement, но гарантии что там окажется именно этот тип нет (кто знает что под этим селектором у тебя не что-то другое?).

Токсизавр-🕊 Автор вопроса
Iurii Mamaev
getElementsByClassName всегда возвращает коллекцию...

Спасибо. Я попробовал решить проблему созданием интерфейса. Ошибка исчезла. Но полагаю, это костыль. Очень хочется сделать встроенными средствами языка. Попробую Ваш способ. Может, получится. Всё равно спасибо за грамотный и спокойный отклик 🤝

Токсизавр 🕊
Спасибо. Я попробовал решить проблему созданием ин...

Чаще всего используется первый способ, так как редко кто-то хочет заморачиваться с сужениями типов для элементов. Но чтобы ты знал как это можно сделать через через сужение, то примерно так. const elements = Array.from(document.getElementsByClassName('foo')) const imageElements = elements.filter((element): element is HTMLImageElement => element instanceof HTMLImageElement)

Vladisλav
В песочницу закинь

А потом ты его песочницу в chatgpt запроксируешь? :)

теряйся мистер

Vladisλav
теряйся мистер

Твой ответ в определенной степени отображение уровня культуры общения с другими участниками данного сообщества) Браво)

Vladisλav
100%

Всё ты наказан, теперь неделю на js пишешь

Похожие вопросы

Обсуждают сегодня

Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
48
Всем привет! Скажите, никто не пытался уменьшить размер процесса ssl, которые ассоциируется с открытым соединением (не помню точное название этого процесса, но там была какая-...
Алексей
20
а проверьте, собирается ли у кого сейчас транк лазаря через делюкс? у меня вот: fpcupdeluxe: info: Lazarus Native Installer (BuildModuleCustom: UserIDE): LazBuild: building Us...
Iluha Companets
20
Мне тут приспичило встроить в программу форматировние текста SQL, расставить переносы строк и отступы так, чтобы лучше читалось. Я что-то свое изобразил, оно после ключевых сл...
Sergey Bodrov
11
This is a big issue. Just by being a citizen of a country, you are denied to contribute to Open Source software: https://youtu.be/L5Ec5jrpLVk?si=1iIuHnMPbCB4anV-
Sharuzzaman Ahmat Raslan
72
добрый день. возможно ли изменить цвет окон лазаруса? Как?
Budemposmotret
35
Господа, а кто-нибудь сталкивался с размещением на TTabControl/TTabSheet множества контролов (> 100) с последующими External: Access violation? Вот буквально на ровном месте. ...
Dmitry
29
А какие существуют способы обработки ошибок выделения памяти в ядре? Т.е., допустим, есть функция, которая возвращает адрес свободной страницы в физической памяти и диапазон в...
disba1ancer
51
Добрый день. Опять снова хочу обратиться к вам за помощью. После создания проэкта stack new, lazy.nvim + nvim-lspconfig/haskell-tools + hlint, ormolu из mason + hls из ghcup ...
Nannk
8
Does anyone have some zeroday's left?
Wito!d ♥️🩷
44
Карта сайта