JavaScript DOM Attributes
التعامل مع خصائص العناصر في صفحة HTML عن طريق الجافا سكريبت
ستتعلم في هذا الدرس قراءة أي قيمة Value لأي خاصية Atrribute داخل أي عنصر في صفحة HTML عن طريق الشجرة DOM Tree ويمكنك ايضاً اضافة خصائص جديدة كما يمكنك تعديل أي خاصية موجودة مسبقاً لأي قيمة اخري.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left JavaScript DOM Attributes chevron_left JavaScript
DOM Attributes JavaScript
التعامل مع خصائص العناصر في صفحة HTML عن طريق الجافا سكريبت
</>
getAttribute() DOM Method in JavaScript
دالة ()getAttribute في الشجرة DOM في لغة جافا سكريبت
تستخدم دالة ()getAttribute في لغة جافا سكريبت لتقوم بقراءة قيمة Value أي خاصية Attribute لأي عنصر في صفحة HTML عن طريق جافا سكريبت.
getAttribute() method Syntax
كيف تكتب دالة [ getAttribute ] getAttribute() method Syntax؟
Element.getAttribute('attributeName');
getAttribute Parameters معطيات أو عوامل دالة ()getAttribute في لغة جافا سكريبت:
نقوم بتمرير الي دالة ()getAttribute عامل واحد وهو :
- Attribute Name أسم الخاصية التي تريد أن تقرأ قيمتها من أي عنصر في صفحة HTML عن طريق DOM في جافا سكريبت.
getAttribute
قراءة قيمة خاصية لعنصر وقمنا بطباعتها داخل الصفحة.
let apple = document.getElementById('apple');
apple.getAttribute('class')
document.write("Element class value : " + apple.getAttribute('class'));
document.write("<br>");
document.write("Element id value : " + apple.getAttribute('id'));
ملاحظة
</>
setAttribute() DOM Method in JavaScript
دالة ()setAttribute في الشجرة DOM في لغة جافا سكريبت
تستخدم دالة ()setAttribute في لغة جافا سكريبت لأضافة خصائص Attributes جديدة أو التعديل علي الخصائص Attributes الحالية لأي عنصر في صفحة HTML بلغة جافا سكريبت.
setAttribute() method Syntax
كيف تكتب دالة [ setAttribute ] setAttribute() method Syntax؟
Element.setAttribute('attributeName','newValue');
setAttribute Parameters معطيات أو عوامل دالة ()setAttribute في لغة جافا سكريبت:
نقوم بتمرير الي دالة ()setAttribute عاملين هم:
- Attribute Name أسم الخاصية التي تريد أن تضيفها جديدة أو اسم الخاصية Attribute التي تريد التعديل عليها لأي عنصر في صفحة HTML عن طريق DOM في جافا سكريبت.
- Value القيمة الجديدة التي تريد أن تستبدلها بالقيمة Value القديمة أو ستكون القيمة لأي خاصية جديدة Attribute .
Add Attribute
يمكنك اضافة خاصية Attribute جديدة لأي عنصر عن طريق دالة ()setAttribute.
let apple = document.getElementById('apple');
document.write("get class value before add : " + apple.getAttribute('class'));
document.write("<br>");
apple.setAttribute('class','memory');
document.write("New class value : " + apple.getAttribute('class'));
Update Attribute
يمكنك تعديل قيمة Value خاصية Attribute ,وأستبدالها بقيمة جديدة لأي عنصر عن طريق دالة ()setAttribute.
let apple = document.getElementById('apple');
document.write("get class value before update : " + apple.getAttribute('class'));
document.write("<br>");
apple.setAttribute('class','volvo');
document.write("New class value : " + apple.getAttribute('class'));
ملاحظة
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
