طريقة setAttribute() الخاصة بـ HTML DOM

مفهوم HTML DOM Element

setAttribute()تُستخدم الطريقة لضبط قيمة الخاصية للعنصر المحدد.

إذا كانت الخاصية موجودة بالفعل، يتم تحديث القيمة؛ وإلا يتم إضافة الخاصية الجديدة باستخدام الاسم والقيمة المحددتين.

الاستخدامremoveAttribute()يزيل الطريقة الخاصية من العنصر.

النحو:

element.setAttribute(name, value)

var x = document.getElementsByTagName("H1")[0];
x.setAttribute("class", "demo");

تطابق المتصفحات

يدعم جميع المتصفحات طريقة setAttribute() بشكل كامل:

قيمة المعامل

تفاصيل تقنية

مزيد من الأمثلة

تغيير زر الإدخال إلى حقل إدخال:

document.getElementsByTagName("input")[0].setAttribute("type", "text");

تعيين قيمة خاصية href إلى عنصر رابط:

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "https://ar.oldtoolbag.com/CSS3/");

مراجع ذات صلة

تعليمية HTMLخصائص HTML

مرجع HTML DOMعنصر طريقة .hasAttribute()

مرجع HTML DOMعنصر طريقة .getAttribute()

مرجع HTML DOMعنصر طريقة .removeAttribute()

مفهوم HTML DOM Element