Get class name of an element on click (JavaScript)
Getting class name or names of an element on click in JavaScript:
none
HTML code:
<div class="example">
<p>none</p>
</div>
JavaScript code:
<script>
this.addEventListener( 'click', function () {
if ( event.target.getAttribute('class') != null ) {
document.querySelector('.example p').textContent = event.target.getAttribute('class');
} else {
document.querySelector('.example p').textContent = 'none';
}
});
</script>
Browser support
- Windows
- Edge 12.0+
- Firefox 3.5+
- Google Chrome 1.0+
- Opera 10.0+
- Linux
- Firefox 3.5+
- Google Chrome 1.0+
- Opera 10.0+
- iOS
- Safari 2.0+
- Android
- Samsung Internet 1.0+
- Chrome Android 18.0+
- Firefox for Android 4.0+
- Opera Android 10.1+