W3.JS إضافة فئات إلى HTML

❮ سابق التالي ❯

أضف فصل دراسي:

w3.addClass(selector,'class')

إضافة فئات متعددة:

w3.addClass(selector,'class1 class2 class3...')

إضافة فئة حسب المعرف

أضف الفئة "المميزة" إلى عنصر بالمعرف = "London":

مثال

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

أضف الفصل بالعلامة

أضف الفئة "المميزة" إلى جميع عناصر <h2>:

مثال

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

أضف فصل دراسي حسب الفصل

أضف الفئة "المميزة" إلى عناصر بها class = "city":

مثال

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

إضافة فئات متعددة

لإضافة فئات متعددة إلى عنصر ، افصل كل فئة بمسافة.

أضف كلاً من "class1" و "class2" إلى عنصر بالمعرف = "London":

مثال

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

إزالة الفئات من عناصر HTML

إزالة فصل:

w3.removeClass(selector,'class')

إزالة عدة فئات:

w3.removeClass(selector,'class1 class2 class3...')

إزالة الفصل حسب المعرف

قم بإزالة الفئة "المميزة" من عنصر بالمعرف = "London":

مثال

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

إزالة فئة عن طريق العلامة

قم بإزالة الفئة "المميزة" من كافة عناصر <h2>:

مثال

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

إزالة فئة حسب الفصل

قم بإزالة الفئة "المميزة" من كافة العناصر التي بها class = "city":

مثال

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

إزالة فئات متعددة

لإزالة فئات متعددة من عنصر ، افصل كل فئة بمسافة.

قم بإزالة "class1" و "class2" من عنصر بالمعرف = "London":

مثال

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

تبديل فئة عناصر HTML

تبديل فصل دراسي (تشغيل / إيقاف):

w3.toggleClass(selector,'class')

التبديل بين فئتين:

w3.toggleClass(selector,'property','class','class')

تبديل الفصل حسب المعرف

التبديل بين الفئة "المميزة" لعنصر بالمعرف = "London":

مثال

<button onclick="w3.toggleClass('#London','marked')">Toggle</button>

تبديل الفئة عن طريق العلامة

التبديل بين الفئة "المميزة" لجميع عناصر <h2>:

مثال

<button onclick="w3.toggleClass('h2','marked')">Toggle</button>

تبديل فئة حسب الفصل

التبديل بين فئة كافة العناصر "المحددة" ذات الفئة = "المدينة":

مثال

<button onclick="w3.toggleClass('.city','marked')">Toggle</button>

تبديل فئات متعددة

التبديل بين اسم الفئة "class1" و "class2" للمعرف = "London:

مثال

<button onclick="w3.toggleClass('#London','class1','class2')">Toggle</button>

❮ سابق التالي ❯