مетод setAttribute() لـ HTML DOM Element

التعريف والاستخدام

setAttribute() يضيف الطريقة الخاصية المحددة ويضبط لها القيمة المحددة.

إذا كانت الخاصية المحددة موجودة بالفعل، فإنها تضبط أو تغير القيمة فقط.

ملاحظة:مثل أن HTML document HTMLElement object يحدد أيضًا خصائص JavaScript المضمنة لجميع خصائص HTML القياسية. لذلك، تحتاج إلى استخدام هذا الطريقة فقط عندما تحتاج إلى تعيين خصائص غير قياسية.

يرجى الرجوع أيضًا إلى:

دليل مرجعي:

مетод getAttribute()

مетод removeAttribute()

مетод hasAttribute()

مетод hasAttributes()

مетод getAttributeNode()

مетод setAttributeNode()

مетод removeAttributeNode()

دليل:

خصائص الـ HTML

مثال

مثال 1

إضافة خاصية class إلى العنصر:

element.setAttribute("class", "democlass");

قبل إضافته:

عنصر Element

بعد إضافته:

عنصر Element

جرب بنفسك

مثال 2

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

myInput.setAttribute("type", "button");

جرب بنفسك

قبل التغيير:

بعد التغيير:

مثال 3

إضافة خاصية href إلى عنصر <a>:

myAnchor.setAttribute("href", "");

جرب بنفسك

قبل إضافته:

يرجى زيارة codew3c.com

بعد إضافته:

يرجى زيارة codew3c.com

مثال 4

غيير قيمة الخاصية target إلى "_self":

if (element.hasAttribute("target")) {      
  element.setAttribute("target", "_self");
}

جرب بنفسك

القواعد

element.setAttribute(name, value)

الم 参数

الم 参数 الوصف
name مطلوب. اسم الخاصية.
value مطلوب. قيمة الخاصية الجديدة.

الناتج

لا يوجد.

يُلقي

الاستثناء الوصف
INVALID_CHARACTER_ERR الم 参数 name لا يمكن استخدام رموز معينة في أسماء الخصائص HTML أو XML.
NO_MODIFICATION_ALLOWED_ERR العنصر الحالي غير قابل للتعديل، ولا يسمح بتعديل خصائصه.

ملاحظة

يمكنك إضافة خاصية style مع قيمة، ولكن لا نوصي بذلك لأنه سيقوم بإنشاء غطاء على خصائص style الأخرى.

يرجى استبدالها باستخدام خصائص عنصر Style:

عيب

element.setAttribute("style", "background-color:red;");

ميزة

element.style.backgroundColor = "red";

دعم المتصفح

element.setAttribute() هي خاصية مستوى DOM 1 (1998).

يدعم جميع المتصفحات بشكل كامل:

كروم IE إدج فايرفوكس سفاري أوبرا
كروم IE إدج فايرفوكس سفاري أوبرا
الدعم 9-11 الدعم الدعم الدعم الدعم