Не удаётся получить строку из элемента с несколькими классами

Есть элемент <div class="название1 название2 название3">текст<sup></sup></div>

Не удаётся получить строку. Пробовал следующее:

const Element = document.querySelectorAll('.название1.название2.название3');

const Value = Element.innerText.trim();

Это js код, который внедряется в сайт через расширение, гугл выдаёт ошибку Uncaught TypeError: Cannot read properties of undefined (reading 'trim')

Так же пытался получить элемент через getElementsByClassName и получить из него текст с помощью textContent, но ошибка всегда одна: элемент не найден и невозможно получить текст

upd: Элемент с таким количеством классов один единственный на всей странице


Ответы (1 шт):

Автор решения: ReFactor

Может лучше использовать обращение к элементу по id?

<div id="элемент" class="название1 название2 название3">текст<sup></sup></div>
const Element = document.querySelector('#элемент');

const Value = Element.innerText.trim();

Или используйте 1 класс вместо 3

→ Ссылка