گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/03/29 - 11:57
كد :7654

افزودن کلاس به تگ با w3

در این مقاله نحوه افزودن کلاس به تگ ها را با کمگ جاوا اسکریپت W3 مطالعه می کنیم.

افزودن کلاس به تگ در جاوا اسکریپت w3

افزودن کلاس با استفاده از ID

در مثال زیر ما به المانی که دارای id="London" است کلاس marked خواهیم داد:

مثال :

<button onclick="w3.addClass('#London','marked')">Add Class</button>

مشاهده نتیجه

 

افزودن کلاس با نام تگ

در مثال زیر به تمام تگ های <h2> کلاس marked خواهیم داد:

مثال:

<button onclick="w3.addClass('h2','marked')">Add Class</button>

مشاهده نتیجه

 

افزودن کلاس با نام کلاس

در مثال زیر به المان هایی که داری class="London" هستند کلاس marked را اضافه می کنیم:

مثال:

<button onclick="w3.addClass('.city','marked')">Add Class</button>

مشاهده نتیجه

 

افزودن چندین کلاس

افزودن چندین کلاس به یک المان برای جدا کردن کلاس ها از هم بین آنها فاصله گذاری کنید .

در مثال زیر به المانی دارای id="London" کلاس های class1 و class2 را اضافه کرده ایم.

مثال:

<button onclick="w3.addClass('#London','class1 class2')">Add Classes</button>

مشاهد نتیجه

 

تهیه و تنظیم توسط شرکت طراحی سایت سارگون با ما در تماس باشید.

نظرات كاربران :
نام :
ايميل :
متن نظر : * 
 
متن بالا را وارد نماييد*