گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/04/13 - 14:16
كد :7680

حذف کلاس در W3

در این مثال کلاس ها را با کمک کتابخانه W3 حذف خواهیم کرد این کار به کاربر اجازه میدهد تا با فشردن یک کلیک استایل قسمت مد نظر را حذف کند.

آموزش حذف کلاس در W3

چگونه در کتابخانه W3  میتوانید کلاس یک المان را حذف کنید.

 

حذف کلاس با ID

برای حذف کلاس با یک ID منحصر به فرد به کار میرود.در مثال زیر کلاس marked از id="London" حذف می گردد.

مثال:

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

مشاهده نتیجه

حذف کلاس با نام تگ

حذف کلاس marked از تمام تگ های <h2>  :

مثال:

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

 

مشاهده نتیجه

حذف کلاس با استفاده از نام کلاس

در مثال زیر حذف کلاس marked را با کمک کلاس class="city" انجام میدهیم.

مثال

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

مشاهده نتیجه

 

حذف چند کلاس

برای حذف چند کلاس از یک المان ، هر کلاس با یک فاصله از کلاس دیگر مجزا شده و هر دو کلاس class1 و class2 از یک المان با کمک  id="London" حذف می گردد:

مثال:

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

مشاهده نتیجه

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

 

نظرات كاربران :