How to get names of css classes of an element

Question

I have to check if an element was selected. The only way I can do it is to watch if an additional css class "selected" was added to this element.

So, my element looks like:

<div class="b-wide-option" data-bind="css: { selected: IsSelected }, click: Select, attr: { id: Id }, event: { mouseover: OnMouseOver, mouseout: OnMouseOut, touchstart: OnTouchClick }" id="2">

When I select it it looks like:

<div class="b-wide-option selected" data-bind="css: { selected: IsSelected }, click: Select, attr: { id: Id }, event: { mouseover: OnMouseOver, mouseout: OnMouseOut, touchstart: OnTouchClick }" id="2">

The css class "selected" is added. And I need to check if it was added or not. I use the next code:

string classes = element.GetAttribute("class");

But unfortunately it returns only the first class "b-wide-option" and don't return the second which I actually need.

Is the issue a timing issue? e.g. if you were to extract the class attribute 1 second later would you expect it to be there? — scunliffe
– scunliffe, Commented Oct 14, 2014 at 12:43
No, it's a static element. Once I selected it the class "selected" is present — Denis Koreyba
– Denis Koreyba, Commented Oct 14, 2014 at 12:45

Sohail Yasmin · Accepted Answer · 2014-10-14 12:37:41Z

10

Use this

       element.getAttribute("className");

Hope this will help you to solve problem

answered Oct 14, 2014 at 12:37

Sohail Yasmin

5186 silver badges17 bronze badges

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

3 Comments

Sohail Yasmin Over a year ago

No, he has only word "class" not "className"

Denis Koreyba Over a year ago

Do I have an atribute with the name of "className"?

Sohail Yasmin Over a year ago

use this element.getAttribute("className"); instead of element.getAttribute("class");

Denis Koreyba · Accepted Answer · 2014-10-14 12:51:34Z

1

I'm so sorry guys! I've just checked another element, my fault! The simple code as element.getAttribute("className"); and element.getAttribute("class"); works perfect, indeed!)

I wish moderator delited this question, I"m sorry.

answered Oct 14, 2014 at 12:51

Denis Koreyba

3,7202 gold badges38 silver badges55 bronze badges

Comments

Love Trivedi · Accepted Answer · 2014-10-14 12:38:20Z

0

You can use

getElementsByClassName('foo')

or u can also use jquery

var className = $('.b-wide-option').attr('class');

or u can also use .hasClass() function.

var className = $('.b-wide-option').attr('class');
if($('.b-wide-option').hasClass('selected')){
//write your code
}

answered Oct 14, 2014 at 12:38

Love Trivedi

4,0913 gold badges22 silver badges29 bronze badges

Comments

oussama abdou · Accepted Answer · 2014-10-14 12:45:54Z

0

You can get the class names by this:

element.Attributes["class"].ToString();

answered Oct 14, 2014 at 12:45

oussama abdou

3371 silver badge8 bronze badges

Collectives™ on Stack Overflow

How to get names of css classes of an element

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related