JavaScript

JavaScript DOM Attributes
التعامل مع خصائص العناصر في صفحة HTML عن طريق الجافا سكريبت

ستتعلم في هذا الدرس قراءة أي قيمة Value لأي خاصية Atrribute داخل أي عنصر في صفحة HTML عن طريق الشجرة DOM Tree ويمكنك ايضاً اضافة خصائص جديدة كما يمكنك تعديل أي خاصية موجودة مسبقاً لأي قيمة اخري.

التاريخ

06 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1682

المواضيع

24
الشروحات 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'));
ملاحظة
دالة ()getAttribute تقوم بارجاع قيمة value لأي خاصية Attribute لأي عنصر Element في صفحة HTML وهي القيمة التي قمنا بتمريرها داخل الدالة.

</> 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'));
ملاحظة
دالة ()setAttribute تقوم بأضافة أو تعديل قيمة value لأي خاصية Attribute لأي عنصر Element في صفحة HTML , عن طريق تمرير أسم الخاصية ثم نتبعها بالقيمة.
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.