طريقة setAttributeNode() الخاصة بكائن HTML DOM Element

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

setAttributeNode() تضيف الخاصية المحددة كعقدة إلى العنصر وتعيد كائن Attribute.

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

البديل:

استخدام طريقة setAttribute() أسهل.

انظر أيضًا:

دليل مرجعي:

طريقة getAttributeNode()

طريقة removeAttributeNode()

طريقة createAttribute()

طريقة getAttribute()

طريقة setAttribute()

طريقة hasAttribute()

خاصية Attribute value

كائن Attribute HTML DOM

دليل:

خصائص HTML

تعليمات التفرقة بين setAttribute() و setAttributeNode()

setAttribute() استبدال قيمة الخاصية.

setAttributeNode() استبدال كائن Attribute.

قبل إضافة الخاصية إلى العنصر، يجب عليك إنشاء كائن Attr وتعيين قيمة Attr.

النتيجة ستكون نفسها.

مثال

مثال 1

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

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

تجربة شخصية

قبل الإعداد:

مرحبًا بك في العالم

بعد الإعداد:

مرحبًا بك في العالم

مثال 2

إعداد عقدة الخاصية href لعنصر <a>:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

تجربة شخصية

قبل الإعداد:

زيارة codew3c.com

بعد الإعداد:

زيارة codew3c.com

القواعد

element.setAttributeNode(newAttr)

الم参数

الم参数 الوصف
newAttr مطلوب. يعبر عن العنصر Attr الذي يتم إضافته أو تعديل قيمته.

القيمة المعدلة

النوع الوصف
العنصر

يعبر عن عنصر العنصر المعدل Node Attr.

إذا لم يتم استبدال أي خصائص،则为 null.

يتم إطلاقه

يتم إطلاق استثناء DOMException يحتوي على الكود التالي:

استثناء الوصف
INUSE_ATTRIBUTE_ERR newAttr إنه بالفعل عضو في مجموعة خصائص Element آخر.
NO_MODIFICATION_ALLOWED_ERR Element الحالي هو قابل للقراءة فقط، ولا يسمح بتعديل خصائصه.
WRONG_DOCUMENT_ERR newAttr ميزة ownerDocument مختلفة عن العنصر الإлемент الذي يتم إعداده.

دعم المتصفحات

element.setAttributeNode() هو خاصية DOM Level 1 (1998).

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم