حذف کردن یک یا چند کلاس (Class) از یک عنصر (Element)، با روش classList.remove ، در JavaScript
با استفاده از روش
classList.remove در JavaScript ، می توانیم یک یا چند کلاس (Class) را از یک عنصر (Element) حذف کنیم.
به عنوان مثال، اگر یک عنصر با id برابر
kelidestan داشته باشیم و بخواهیم کلاسی با نام
My_Class را از آن حذف کنیم، آنگاه کد JavaScript زیر را می نویسیم :
یا اگر بخواهیم 3 کلاس با نام های
My_Class_1 و
My_Class_2 و
My_Class_3 را از آن عنصر حذف نماییم، آنگاه کد JavaScript زیر را می نویسیم :
به مثال زیر توجه کنید :
یک عنصر
p را در صفحه تعریف می کنیم. همچنین با استفاده از کدهای CSS ، یک کلاس تعریف می کنیم که برای تغییر رنگ پس زمینه عنصرها به رنگ
lime به کار می رود و آن کلاس را برای عنصر
p ذکر می کنیم.
سپس با استفاده از روش
classList.remove در کدهای JavaScript ، کلاس مورد نظر را از عنصر
p حذف می کنیم تا رنگ پس زمینه آن تغییر کند.
نتیجه :
یک عنصر
p را در صفحه تعریف می کنیم. همچنین با استفاده از کدهای CSS ، سه کلاس را تعریف می نماییم و آن 3 کلاس را برای عنصر
p ذکر می کنیم.
سپس با استفاده از کدهای JavaScript ، سه کلاس مورد نظر را از عنصر
p حذف می نماییم.
نتیجه :
