Javascript Style How to - Test if an element contains a class

Question

We would like to know how to test if an element contains a class.

Answer


<!DOCTYPE html>
<html>
<body>
  <div id="test" class="class1 class5"></div>
    <script type='text/javascript'>
    function hasClass(element, cls) {<!--from  w ww .j  a v  a 2  s  .  c om-->
        return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
    }
    var el = document.getElementById('test');
    console.log(hasClass(el, 'class1'));
    console.log(hasClass(el, 'class'));
    
    </script>

</body>
</html>

The code above is rendered as follows: