element.classList in action

This is an example of element.classList in action. We are adding, removing, and toggling classes. When Remove highlight is clicked, the executed function uses the contains() method to determine whether the paragraph is highlighted. Clicking Get 2nd class button will return the second class name in the class list if it exists and null if it does not.

Return to related blog post

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet varius odio ac mollis. Aliquam erat volutpat. Nullam vitae metus a enim euismod ornare ac at magna. Sed vitae ipsum eros, ut gravida neque.

Nunc mattis, turpis ut iaculis tincidunt, dolor nisl varius odio, ac semper libero lectus in mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi sodales laoreet mi, id venenatis magna euismod non. Etiam lacinia sodales nunc eu pulvinar. Maecenas vel tortor neque. Quisque sollicitudin, felis ac adipiscing consequat, diam nisi tristique velit, vel laoreet sapien lectus id augue. Etiam vehicula elementum est, porttitor varius dui varius eu. Duis porttitor consequat tortor, id ullamcorper est tincidunt a. Proin nec tortor velit, ut egestas tellus.

Vestibulum metus lorem, facilisis vel porta ut, semper non dui. Suspendisse non nibh diam, eget pharetra orci. Integer lectus massa, congue eget condimentum eget, tempus at quam. Praesent euismod posuere velit, lacinia posuere nibh vestibulum a.

Aenean et leo ligula. Phasellus eu mauris mi, eu adipiscing lacus. Donec varius tempus ante, sed rhoncus quam dignissim ut. Praesent nulla quam, tempor eu faucibus eget, fringilla vitae nisi. Aliquam urna diam, ultricies et blandit vitae, placerat ut purus. Etiam nec lacus massa. Nullam convallis consequat turpis, id condimentum est iaculis non.

Curabitur at sapien ligula, vel sodales nulla. Aliquam blandit urna ut sapien bibendum at ultrices nulla scelerisque. Curabitur hendrerit, enim ut elementum suscipit, diam quam ornare dolor, quis faucibus tortor mi sit amet dolor. Duis ut ante non neque lobortis laoreet.