Add multiple classes at once (JavaScript)

Adding multiple classes at once in JavaScript. Three classes (strong, uppercase and red) are added all at the same time to a paragraph:

HTML code:

<div class="example">
	<p>Paragraph</p>
</div>

JavaScript code:

<script>
document.querySelector('.example p').classList.add('strong', 'uppercase', 'red');
</script>

Links

1. DOMTokenList: add() method - Multiple parameters for add() developer.mozilla.org/en-US/docs/Web/API/DOMTokenList/add#browser_compatibility

Browser support

Windows

Edge 12.0+

Firefox 26.0+

Google Chrome 24.0+

Opera 15.0+

Linux

Firefox 26.0+

Google Chrome 24.0+

Opera 15.0+

iOS

Safari 7.0+

Android

Samsung Internet 1.5+

Chrome Android 25.0+

Firefox for Android 26.0+

Opera Android 14.0+

More

• Adding a class to all sibling elements of a specific type in JavaScript
• Remove all classes at once in JavaScript