HTML DOM Element setAttribute() طریق

تعریف اور استعمال

setAttribute() مذکورہ حوالہ کو اضافہ کرنا اور اس کا مقادیر سیٹ کرنا۔

اگر مذکورہ حوالہ موجود ہو تو صرف مقادیر کو سیٹ یا تبدیل کیا جائے گا۔

توجہ:HTML دستور نامہ کا HTMLElement نمائی اور تمام معیاری HTML حوالات کا جاوا اسکریپت حوالات کا تعریف کرتا ہے۔ لہذا، آپ کو غیر معیاری حوالات کو سیٹ کرنا ہو تو صرف اس طریق کو استعمال کرنا چاہئیے۔

ایک بار دیکھیئے:

مراجع:

getAttribute() طریق

removeAttribute() طریق

hasAttribute() طریق

hasAttributes() طریق

getAttributeNode() طریق

setAttributeNode() طریق

removeAttributeNode() طریق

تدریس:

اہتمام کا سائٹ پراپرٹی

مثال

مثال 1

کلاس نمائی کا حوالہ جاری کرنا:

element.setAttribute("class", "democlass");

افزودہ قبل:

عنصر کا عنصر

افزودہ بعد:

عنصر کا عنصر

عیناً امتحان کریں

مثال 2

ایک ورودی فیلڈ کو بٹن بنادیں:

myInput.setAttribute("type", "button");

عیناً امتحان کریں

قبل کی تبدیلی:

بعد کی تبدیلی:

مثال 3

<a> عناصر کو href خاصیت کا حامل بنائیں:

myAnchor.setAttribute("href", "");

عیناً امتحان کریں

افزودہ قبل:

codew3c.com کا دورہ کریں

افزودہ بعد:

codew3c.com کا دورہ کریں

مثال 4

ترجیحی خاصیت کی کار کی قیمت کو "_self" بنادیں:

if (element.hasAttribute("target")) {      
  element.setAttribute("target", "_self");
}

عیناً امتحان کریں

گرامر

element.setAttribute(نام, قیمت)

پارامتر

پارامتر وصف
نام ضروری۔ خاصیت کا نام
قیمت ضروری۔ نئی خاصیت کا کار

باز کار

کچھ نہیں

ایک بند کردیا گیا ہے

عادی وصف
INVALID_CHARACTER_ERR پارامتر نام HTML خاصیت نام یا XML خاصیت نام کا استعمال نہیں کئے جانے والے اکشورز کا حامل نہیں ہونا چاہئیے۔
NO_MODIFICATION_ALLOWED_ERR موجود عناصر صرف پڑھنا پذیر ہیں، ان کی خصوصیات کو بدلنا نہیں کیاجاتا۔

توجیہ

یہ عناصر کو کسی بھی کار کا استیل کا حامل خاصیت کا حامل نہیں بناسکتا، لیکن اس کار کا استعمال نہیں کیا جائے، کیونکہ وہ استیل خاصیت کی دیگر خصوصیات کو ختم کردیگا۔

لطفاً اس استیل آئیٹم کی خصوصیات کا استعمال کریں:

کمزور

element.setAttribute("style", "background-color:red;");

مزید

element.style.backgroundColor = "red";

براوزر پشتیبندی

element.setAttribute() یہ DOM Level 1 (1998) خصوصیت ہے。

تمام براوزر اس کو پورا طور پر پشتیبند ہیں:

کروم آئی ای ایج فائرفاکس سافری آپریا
کروم آئی ای ایج فائرفاکس سافری آپریا
پشتیبندی 9-11 پشتیبندی پشتیبندی پشتیبندی پشتیبندی