انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: Class Elements

className

في هذا الدرس سوف نتعرف علي مجموعة من الخصائص التي تمكننا من التعامل والتلاعب بخاصية class

1 صفوف تعليمية
جافا سكريبت
2,851 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
  • className : هي عبارة عن خاصية تستخدم في معرفة اسم class تم تعيينه لعنصر معين 
  • تستخدم خاصية className ايضا في اضافة class جديد لعنصر معين 

Syntax

return syntax

HTML 
HTMLElementObject.className

Example

HTML 
var x = document.getElementsByTagName("DIV")[0].className;
جرّب بنفسك
HTML 
<div id="myDIV" class="mystyle test example">I am a DIV element</div>

var x = document.getElementById("myDIV").className;
جرّب بنفسك

Syntax

set syntax

HTML 
HTMLElementObject.className = class

Example

HTML 
window.onscroll = function() {myFunction()};

function myFunction() {
  if (document.body.scrollTop > 50) {
    document.getElementById("myP").className = "test";
  } else {
    document.getElementById("myP").className = "";
  }
}
جرّب بنفسك

جميع فقرات هذا الدرس (Class Elements)