Нужен селектор DOM для класса и атрибута

Question

<div class="ag-header-cell ag-header-cell-sortable grid-column-header-forecast" col-id="AD" >

<div class="ag-header-cell ag-header-cell-sortable grid-column-header" col-id="AD" >

У меня есть div, как указано выше. У некоторых есть «прогноз» в конце имени класса, у некоторых нет.

Мне нужен document.querySelector, который выдал бы атрибут col-id первого прогноза div.

Answer 1

Вы можете использовать ответ @ v.kostenko, если у вас есть указанное c строковое имя.
Но для более динамичной обработки c используйте это

document.querySelector('*[class$="forecast"]')

Приведенный выше код предоставит вам сведения о первом элементе, чей класс содержит строку forecast, в конце, независимо от любого HTML элемент

Answer 2

const forecast = document.querySelector('div.grid-column-header-forecast');
const colId = forecast.getAttribute('col-id');