أسلوب setAttributeNode () HTML DOM

مثال

عيّن عقدة سمة الفئة لعنصر <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

المزيد من الأمثلة "جربها بنفسك" أدناه.

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

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

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

القيمة المرجعة لهذه الطريقة هي كائن Attr. لمزيد من المعلومات ، راجع كائن سمة HTML DOM .

راجع أيضًا طريقة setAttribute () .

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

دعم المتصفح

Method
setAttributeNode()	Yes	Yes	Yes	Yes	Yes

بناء الجملة

element.setAttributeNode(attributenode)

قيمه المعامل

Parameter	Type	Description
attributenode	Attr object	Required. The attribute node you want to add

تفاصيل تقنية

قيمة الإرجاع:	كائن Attr ، يمثل عقدة السمة المستبدلة ، إن وجدت ، وبخلاف ذلك يكون فارغًا
إصدار 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 = "https://www.w3schools.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

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

Go to w3schools.com

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

Go to w3schools.com