شرح صفوف ومحتوى الفقرة
تستخدم دالة ()setAttribute في لغة جافا سكريبت لأضافة خصائص Attributes جديدة أو التعديل علي الخصائص Attributes الحالية لأي عنصر في صفحة HTML بلغة جافا سكريبت.
setAttribute() method Syntax
كيف تكتب دالة [ setAttribute ] setAttribute() method Syntax؟
HTML
Element.setAttribute('attributeName','newValue');setAttribute Parameters معطيات أو عوامل دالة ()setAttribute في لغة جافا سكريبت:
نقوم بتمرير الي دالة ()setAttribute عاملين هم:
- Attribute Name أسم الخاصية التي تريد أن تضيفها جديدة أو اسم الخاصية Attribute التي تريد التعديل عليها لأي عنصر في صفحة HTML عن طريق DOM في جافا سكريبت.
- Value القيمة الجديدة التي تريد أن تستبدلها بالقيمة Value القديمة أو ستكون القيمة لأي خاصية جديدة Attribute .
Add Attribute
يمكنك اضافة خاصية Attribute جديدة لأي عنصر عن طريق دالة ()setAttribute.
HTML
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.
HTML
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'));