روش setAttributeNode() عنصر HTML DOM

تعریف و استفاده

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);

سعی کنید خودتان

قبل از تنظیم:

Hello World

بعد از تنظیم:

Hello World

مثال 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 که باید اضافه شود یا ویژگی‌ای که باید ارزش آن تغییر کند.

مقدار بازگشتی

نوع توضیح
آیتم

مطابق با آیتم Attr نود جایگزین شده.

اگر هیچ ویژگی جایگزین نشده باشد، null خواهد بود.

انداختن

این روش استثنا DOMException را با کد زیر خواهد انداخت:

استثنا توضیح
INUSE_ATTRIBUTE_ERR newAttr همچنان عضوی از مجموعه ویژگی‌های Element‌ای دیگر است که به آن متعلق است.
NO_MODIFICATION_ALLOWED_ERR Element فعلی فقط خوانا است و اجازه نمی‌دهد که ویژگی‌های آن را تغییر دهید.
WRONG_DOCUMENT_ERR newAttr ویژگی ownerDocument متفاوت از Element‌ای است که باید تنظیم شود.

پشتیبانی مرورگر

element.setAttributeNode() ویژگی DOM Level 1 (1998) است.

همه مرورگرها به طور کامل از آن پشتیبانی می‌کنند:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی