خاصية className لـ HTML DOM

مثلث HTML DOM Element

classNameتعيين قيمة خاصية class للعنصر المحدد إلى STRING أو استردادها.

إذا لم يكن عنصر المحدد يحتوي على خاصية الفئة أو لم يتم تعيين خاصية الفئة، يتم استردادnullSTRING.

القواعد النحوية:

استرداد الخاصية className:

element.className

تعيين الخاصية className:

element.className = cName

document.getElementById("x").className = "para";

توافق المتصفحات

دعم الخاصية className في جميع المتصفحات بشكل كامل:

قيمة الخاصية

تفاصيل التقنية

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

استرداد اسم الفئة للعنصر <div> الأول:

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

استبدل الاسم الحالي باسم جديد:

<div class="myDiv">هذا هو عنصر DIV</div>
<script>
var x = document.getElementsByTagName("div")[0];
x.className = "anotherClass";
</script>

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

<div class="myDiv">هذا هو عنصر DIV</div>
<script>
var x = document.getElementsByTagName("div")[0];
x.className += " anotherClass";
</script>

مجدداً العثور على علامة <div> إذا كانت تحتوي على فئة "shadow":

var x = document.getElementsByTagName("div")[0];
if (x.className.indexOf("shadow") != -1) {
　　　alert("Yes... The DIV has 'shadow' class");
} else {
　　　alert("False");
}

مراجع مرتبطة

دليل تعليمات CSS:محدد CSS

مرجع CSS:CSS #idمحدد

مرجع CSS: CSS .class محدد

مرجع جافا سكربت:طريقة indexOf() في النص

مرجع HTML DOM:خصائص classList في HTML DOM

مرجع HTML DOM:طريقة getElementsByClassName() في HTML DOM

مرجع HTML DOM:طريقة getElementById() في HTML DOM

مرجع HTML DOM:طريقة querySelector() في HTML DOM

مثلث HTML DOM Element