Home/ Questions/Q 6738677
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T11:23:49+00:00

Say I have this html element <div id=hello class=hello option john>Hello</div> <div id=hello class=hello

  • 0

Say I have this html element 

<div id="hello" class="hello option john">Hello</div>
<div id="hello" class="hello john">Hello</div>

. Now I select the element with javascript by it’s Id. How would I do an equivalent of if($('hello').hasClass('option')){//do stuff}(jQuery) except in plain Javascript?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    if(document.getElementById("hello").className.split(" ").indexOf("option") > -1);

    That’ll do it.

    EDIT: demo

    or as a prototyped function:

    HTMLElement.prototype.hasClass = function(c){
    return this.className.split(" ").indexOf(c) > -1
}

    and 

    document.getElementById("hello").hasClass("option")

    Update 2015:

    In modern browsers including IE 10 you can write:

    document.getElementById("hello").classList.contains("option")

    See the reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/classList

    It’s supported in all major browsers (ref: http://caniuse.com/#search=classlist)

    • 0