javascript - 从 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">