مثال

تعيين class عقدة سمة من <h1> العنصر:

var h1 = document.getElementsByTagName("H1")[0];   // Get the first <h1> element in the document
var att = document.createAttribute("class");       // Create a "class" attribute
att.value = "democlass";                           // Set the value of the class attribute
h1.setAttributeNode(att);                          // Add the class attribute to <h1>

قبل وضع العقدة السمة:

Hello World

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

Hello World

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

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

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

و setAttributeNode() ويضيف أسلوب specified عقدة السمة إلى عنصر.

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

قيمة الإرجاع من هذا الأسلوب هو كائن ATTR. لمزيد من المعلومات، راجع كائن DOM HTML السمة .

انظر أيضا setAttribute() الأسلوب.

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

دعم المتصفح

طريقة
setAttributeNode()	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا

بناء الجملة

element .setAttributeNode( attributenode )

قيم معلمة

معامل	اكتب	وصف
attributenode	Attr object	مطلوب. عقدة السمة التي تريد إضافتها

تفاصيل تقنية

قيمة الإرجاع:	كائن ATTR، التي تمثل replaced العقدة السمة، إن وجدت، لاغية خلاف ذلك
صفحة DOM	مستوى الأساسية 1 كائن العنصر

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

مثال

تعيين href عقدة سمة من <a> العنصر:

var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "http://www.w3ii.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

قبل وضع العقدة السمة:

Go to w3ii.com

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

Go to w3ii.com

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