Hello World

بعد تعيين السمة:

Hello World

انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.

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

و setAttribute() يضيف الأسلوب specified السمة إلى عنصر، ويعطيها القيمة المحددة.

إذا كانت specified السمة موجودة بالفعل، فقط يتم تعيين القيمة / تغييرها.

ملاحظة: على الرغم من أنه من الممكن إضافة style السمة بقيمة لعنصر مع هذا الأسلوب، فمن المستحسن أن استخدام خصائص الكائن نمط بدلا من مضمنة التصميم، لأن هذا لن الكتابة خصائص CSS الأخرى التي قد تكون محددة في على style السمة:

سيئة:

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

جيد:

element .style.backgroundColor = "red";

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

نصيحة: انظر أيضا setAttributeNode() الأسلوب.

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.

طريقة
setAttribute()	نعم فعلا	تسعة	نعم فعلا	نعم فعلا	نعم فعلا

بناء الجملة

element .setAttribute( attributename , attributevalue )

قيم معلمة

معامل	اكتب	وصف
attributename	String	مطلوب. اسم السمة التي تريد إضافتها
attributevalue	String	مطلوب. قيمة السمة التي تريد إضافتها

تفاصيل تقنية

قيمة الإرجاع:	لا قيمة الإرجاع
صفحة DOM	مستوى الأساسية 1 كائن العنصر

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

مثال

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

document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");

قبل تعيين السمة:

بعد تعيين السمة:

انها محاولة لنفسك »

مثال

إضافة الخاصية href بقيمة "www.w3ii.com" إلى <a> العنصر:

document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com");

قبل تعيين السمة:

Go to w3ii.com

بعد تعيين السمة:

Go to w3ii.com

انها محاولة لنفسك »

مثال

معرفة ما إذا كان <a> عنصر له سمة الهدف. إذا كان الأمر كذلك، قم بتغيير قيمة target السمة إلى "_self" :

// Get the <a> element with id="myAnchor"
var x = document.getElementById("myAnchor");

// If the <a> element has a target attribute, set the value to "_self"
if (x.hasAttribute("target")) {
x.setAttribute("target", "_self");
}

انها محاولة لنفسك »