روش setAttributeNode() عنصر HTML DOM
- پچھلے پیمانے setAttribute()
- آئندہ پیمانہ استایل
- ایک پیمانے اوپر واپس HTML DOM Elements آوٹھم
تعریف و استفاده
setAttributeNode()
این روش ویژگی مشخص شده را به عنصر اضافه میکند و شیء Attribute را بازمیگرداند.
اگر این ویژگی مشخص شده قبلاً وجود دارد، این روش آن را جایگزین خواهد کرد.
الگوی جایگزین:
استفاده از روش setAttribute() آسانتر.
لطفاً به:
دستورالعمل مرجع:
تدریس:
تفاوت بین setAttribute() و setAttributeNode()
setAttribute()
روش جایگزینی مقدار ویژگی.
setAttributeNode()
روش جایگزینی شیء Attribute.
قبل از اضافه کردن ویژگی به عنصر، باید شیء Attr ایجاد کنید و مقدار Attr را تنظیم کنید.
نتیجه مشابه خواهد بود.
مثال
مثال 1
تبدیل اولین <h1> عنصر کلاس نمونه نود:
const attr = document.createAttribute("class"); attr.value = "democlass"; const h1 = document.getElementsByTagName("H1")[0]; h1.setAttributeNode(attr);
تنظیم کے قبل:
Hello World
تنظیم کے بعد:
Hello World
مثال 2
<a> علامت کی href خاصیت نک دونواسروی کا تعین کریئے:
const attr = document.createAttribute("href"); attr.value = ""; const anchor = document.getElementById("myAnchor"); anchor.setAttributeNode(attr);
تنظیم کے قبل:
codew3c.com پر دیکھیئے
تنظیم کے بعد:
codew3c.com پر دیکھیئے
نویگیشن
element.setAttributeNode(newAttr)
پارامتر
پارامتر | وصف |
---|---|
newAttr | ضروری۔اس کا مطلب یہ ہوتا ہے کہ کس خاصیت کو اضافہ کیا جانا ہے یا اس کی قیمتی کو ترمیم کیا جانا ہے، یا اس کا 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) کی خصوصیت ہے۔
تمام براوزرز پورا پورا اس کی پشتیبندگی کرتے ہیں:
کروم | آئی ای | ایج | فائر فاکس | سافری | آپرا |
---|---|---|---|---|---|
کروم | آئی ای | ایج | فائر فاکس | سافری | آپرا |
پشتیبندگی | 9-11 | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی |
- پچھلے پیمانے setAttribute()
- آئندہ پیمانہ استایل
- ایک پیمانے اوپر واپس HTML DOM Elements آوٹھم