How to get class value in Javascript

Question

I'm trying to get class name of the component in html. I have code like this:

<div class="dropdown-content"><a class="label" onclick="getComponentId(this)" href="#">Open terminal</p></div>

And this is my code snippet:

function getComponentId(el) {
  var componentId = el.id;
  var className = document.getElementsByClassName(el)
  alert(className)
  concatenateCredentials(credentials,componentId)
}

<div class="dropdown-content"><a class="label" onclick="getComponentId(this)" href="#">Open terminal</p></div>

I want to fetch class name "label". Above solution didn't work.

Unfortunately not. This solution don't give me any output alert. — iczyrski
– iczyrski, Commented Jul 26, 2019 at 7:16
You are retrieving the a node list of elements with that class name, not the class name itself. — Jon P
– Jon P, Commented Jul 26, 2019 at 7:29

Phillip · Accepted Answer · 2019-07-26 07:15:52Z

4

You can simply look at the className property on the element:

function getComponentId(el) {
  console.log('className: ' + el.className);
}

<a class="label" onclick="getComponentId(this)" href="#">Open terminal</a>

answered Jul 26, 2019 at 7:15

Phillip

6,2833 gold badges26 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Talha Talip Açıkgöz · Accepted Answer · 2019-07-26 07:15:44Z

0

document.getElementByClassName returns an element from the class name.

You should be looking for el.className or document.getElementById(el.id).classList

answered Jul 26, 2019 at 7:15

Talha Talip Açıkgöz

2,1015 gold badges18 silver badges28 bronze badges

2 Comments

DreamTeK Over a year ago

I assume you meant getElementsByClassName? It's plural.

Talha Talip Açıkgöz Over a year ago

Yes, that's a typo.

Ajithraj · Accepted Answer · 2019-07-26 07:21:02Z

0

Here's my solution

function getComponentId(x) {
  var y = x.className;
  alert(y);
}

<div class="dropdown-content">
  <a class="label" onclick="getComponentId(this)" href="#">Open terminal</a>
</div>

answered Jul 26, 2019 at 7:21

Ajithraj

5285 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to get class value in Javascript

3 Answers 3

Comments

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Related