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