get variable value from div property

Question

I have the follwing variable:

var workerId = "worker1";

I also have this div:

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

Is it possible to update my variable to use the id from the div rather than hard coding the value?

it is yes, call the div by class and the js equiv of jquery's `.attr('id')` — treyBake, Mar 15 '18 at 09:59
Possible duplicate of [Setting new value for an attribute using jQuery](https://stackoverflow.com/questions/11794105/setting-new-value-for-an-attribute-using-jquery) — aMJay, Mar 15 '18 at 10:00
You should ask a proper question first try to do it yourself and if you are facing some problems search for it and then share the problem here with your tried code. — Owais Aslam, Mar 15 '18 at 10:02
@dfsq that is a good question, wonder if the OP have a completely different problem that what I understood... — a--m, Mar 15 '18 at 10:12

score 4 · Accepted Answer · answered Mar 15 '18 at 10:02

4

If that element class is unique you can get the element by class and read the id from that element:

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

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

answered Mar 15 '18 at 10:02

a--m

No. Unfortunatelyy I currently have three of that element class. – pac Mar 22 '18 at 07:33
1

In that case you should have something that identifies that element in a unique way. Could you add some data-* attribute to the element? – a--m Mar 22 '18 at 09:58

1 Answers1