从 div 属性中获取变量值

Question

我有以下变量：

var workerId = "worker1";

我也有这个div：

<div role="tabpanel" class="tab-pane" id="worker1">

是否可以更新我的变量以使用 div 中的 id 而不是硬编码值？

Answer 1

如果该元素类是唯一的，您可以按类获取元素并从该元素中读取 id：

const el = document.getElementsByClassName('tab-pane');
const workerId = el[0].id;
console.log(workerId);

<div role="tabpanel" class="tab-pane" id="worker1">