需要类和属性的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，它将产生第一个forecast

div的col-id属性。

我有...

Answer 1

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

Answer 2

如果您有特定的字符串名称，则可以使用@ v.kostenko答案。但是，要进行更多动态处理，请使用此