Skip to content

ErcanOPAK.com

  • ASP.Net WebForms
  • ASP.Net MVC
  • C#
  • SQL
  • MySQL
  • PHP
  • Devexpress
  • Reportviewer
  • About
JavaScript

Add and Remove classes from element in Javascript

- 23.10.21 - ErcanOPAK

classList is pretty smart and the most modern system of manipulating CSS class names in elements via JavaScript.

Adding class name:

const element = document.getElementById('txtMyText');

element.classList.add('myClass');

Removing class name:

const element = document.getElementById('txtMyText');

element.classList.remove('myClass');

Removing multiple class names:

const element = document.getElementById('txtMyText');

element.classList.remove('myClass1', 'myClass2')

Thanks to clubmate.fi

Related posts:

How to get session value in Javascript

Passing parameters to JavaScript files

Pass model from Razor view to JavaScript

Splice() method in Javascript

Post Views: 8

Post navigation

Change some value inside List
Pass model from Razor view to JavaScript

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

November 2025
M T W T F S S
 12
3456789
10111213141516
17181920212223
24252627282930
« Oct    

Most Viewed Posts

  • Get the User Name and Domain Name from an Email Address in SQL (914)
  • Get the First and Last Word from a String or Sentence in SQL (794)
  • How to select distinct rows in a datatable in C# (767)
  • How to add default value for Entity Framework migrations for DateTime and Bool (763)
  • How to make theater mode the default for Youtube (558)
  • Add Constraint to SQL Table to ensure email contains @ (556)
  • How to enable, disable and check if Service Broker is enabled on a database in SQL Server (527)
  • Average of all values in a column that are not zero in SQL (502)
  • Find numbers with more than two decimal places in SQL (417)
  • How to use Map Mode for Vertical Scroll Mode in Visual Studio (411)

Recent Posts

  • How to get public ip address using Windows PowerShell
  • How to Reset Taskbar in Windows 11
  • Essential Steps to Take After Windows 11 Updates
  • How to list all tables referencing a table by Foreign Key in MS SQL
  • How to format date in Javascript
  • How to generate a random number for each row in T-SQL
  • How to solve ‘Microsoft.TeamFoundation.Git.Contracts.GitCheckoutConflictException’ problem
  • Why nautical mile equals 1852 mt
  • How to Find Day Name From Date in SQL Server
  • How to make pagination in MS SQL Server

Most Viewed Posts

  • Get the User Name and Domain Name from an Email Address in SQL (914)
  • Get the First and Last Word from a String or Sentence in SQL (794)
  • How to select distinct rows in a datatable in C# (767)
  • How to add default value for Entity Framework migrations for DateTime and Bool (763)
  • How to make theater mode the default for Youtube (558)

Recent Posts

  • How to get public ip address using Windows PowerShell
  • How to Reset Taskbar in Windows 11
  • Essential Steps to Take After Windows 11 Updates
  • How to list all tables referencing a table by Foreign Key in MS SQL
  • How to format date in Javascript

Social

  • ErcanOPAK.com
  • GoodReads
  • LetterBoxD
  • Linkedin
  • The Blog
  • Twitter
© 2025 ErcanOPAK.com | Built with Xblog Plus free WordPress theme by wpthemespace.com