انتقل إلى محتوى الدرس

getAttribute() DOM Method in JavaScript دالة ()getAttribute في الشجرة DOM في لغة جافا سكريبت

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

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

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

الصف 1 شرح توضيحي

تستخدم دالة ()getAttribute في لغة جافا سكريبت لتقوم بقراءة قيمة Value أي خاصية Attribute لأي عنصر في صفحة HTML عن طريق جافا سكريبت.

getAttribute() method Syntax

كيف تكتب دالة [ getAttribute ] getAttribute() method Syntax؟

HTML
Element.getAttribute('attributeName');

getAttribute Parameters معطيات أو عوامل دالة ()getAttribute في لغة جافا سكريبت:

نقوم بتمرير الي دالة ()getAttribute عامل واحد وهو :

  •  Attribute Name  أسم الخاصية التي تريد أن تقرأ قيمتها من أي عنصر في صفحة HTML عن طريق DOM في جافا سكريبت.

getAttribute

قراءة قيمة خاصية لعنصر وقمنا بطباعتها داخل الصفحة.

HTML
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'));

جميع فقرات هذا الدرس (التعامل مع خصائص العناصر في صفحة HTML عن طريق الجافا سكريبت)