HTML DOM className Propery

<كائن العنصر

مثال

تعيين فئة ل <div> عنصر مع معرف = "myDIV":

document.getElementById("myDIV").className = "mystyle";

انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.

تعريف والاستخدام

مجموعات الملكية اسم_الفئة أو بإرجاع اسم فئة من عنصر (قيمة سمة فئة عنصر ل).

نصيحة: خاصية مماثلة لاسم_الفئة هي classList الممتلكات.

دعم المتصفح

خاصية
className	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا

بناء الجملة

إعادة الممتلكات اسم_الفئة:

HTMLElementObject .className

تعيين الخاصية اسم_الفئة:

HTMLElementObject .className= class

قيم الممتلكات

القيمة	وصف
class	تحدد اسم فئة من عنصر. لتطبيق فئات متعددة، بفصلها باستخدام مسافات، مثل "test demo"

تفاصيل تقنية

قيمة الإرجاع:	سلسلة يمثلون الطبقة، أو قائمة مفصولة مساحة من الطبقات، وعنصر

مزيد من الأمثلة

مثال

الحصول على اسم فئة من أول <div> عنصر في الوثيقة (if any) :

var x = document.getElementsByTagName("DIV")[0].className;

ونتيجة لالعاشر على النحو التالي:

mystyle

انها محاولة لنفسك »

مثال

أمثلة أخرى حول كيفية الحصول على اسم فئة من عنصر:

var x = document.getElementsByClassName("mystyle")[0].className;
var y = document.getElementById("myDIV").className;

انها محاولة لنفسك »

مثال

الحصول على أسماء فئة من عنصر مع فئات متعددة:

<div id="myDIV" class="mystyle test example">I am a DIV element</div>

var x = document.getElementById("myDIV").className;

ونتيجة لالعاشر على النحو التالي:

mystyle text example

انها محاولة لنفسك »

مثال

الكتابة فوق اسم الفئة الحالية مع واحد جديد:

<div id="myDIV" class="mystyle">I am a DIV element</div>

document.getElementById("myDIV").className = "newClassName";

انها محاولة لنفسك »

مثال

لإضافة فئة إلى عنصر، دون الكتابة فوق القيم الموجودة، اضافة الى وجود مساحة واسم فئة جديدة:

document.getElementById("myDIV").className += " anotherClass";

انها محاولة لنفسك »

مثال

إذا كان هناك فئة من "mystyle" في عنصر مع معرف = "myDIV"، تغيير في حجم الخط:

var x = document.getElementById("myDIV");

if (x.className === "mystyle") {
x.style.fontSize = "30px";
}

انها محاولة لنفسك »

مثال

تبديل بين أسماء فئة على مواقع التمرير مختلفة - وعندما تمرير المستخدم بنسبة 50 بكسل من أعلى اسم الفئة "test" ستضاف إلى عنصر (and removed when scrolled up again) .

انها محاولة لنفسك »