Remove all classes at once in JavaScript
Removing all classes at once by JavaScript. Two variants:
1. Emptying class attribute
Paragraph
HTML code:
<div class="example">
<p class="strong uppercase red">Paragraph</p>
</div>
JavaScript code:
<script>
document.querySelector('.example p').className = '';
</script>
Links
- Element: className property https://developer.mozilla.org/en-US/docs/Web/API/Element/className
Browser support
- Windows
- Edge 12.0+
- Firefox 3.5+
- Google Chrome 22.0+
- Opera 10.0+
- Linux
- Firefox 3.5+
- Google Chrome 22.0+
- Opera 10.0+
- iOS
- Safari 2.0+
- Android
- Samsung Internet 1.5+
- Chrome Android 25.0+
- Firefox for Android 4.0+
- Opera Android 10.1+
2. Removing class attribute altogether
Paragraph
HTML code:
<div class="example example2">
<p class="strong uppercase red">Paragraph</p>
</div>
JavaScript code:
<script>
document.querySelector('.example2 p').removeAttribute('class');
</script>
Links
- Element: removeAttribute() method developer.mozilla.org/en-US/docs/Web/API/Element/removeAttribute
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+