HTML DOM အဆက်သွယ်ခြင်း setAttributeNode() မူကြောင်း

အကျိုးသတ္တုနှင့် အသုံးပြုပါ:

setAttributeNode() အကိုယ့် အကိုယ်စားပုံ အကိုယ်စားပုံ ကို အဆက်သွယ်ပြီး ထပ်ထည့်ပြီး အကိုယ့် အကိုယ်စားပုံ ကို ပြန်လည်ပြောင်းလဲပါကြောင်း:

သင့် အချက်အလက် ဖြစ်ပါက အမှတ်ပြုထားသော အချက်အလက် ကို အသုံးပြုခြင်း:

အခြားအဓိပ္ပာယ်:

အသုံးပြုပါ: setAttribute() မူကြောင်း ပိုမိုငြိမ်သက်ကြောင်း

အခြားလိုင်စင်များ:

လိုင်စင်စာ:

getAttributeNode() မူကြောင်း

removeAttributeNode() မူကြောင်း

createAttribute() မူကြောင်း

getAttribute() မူကြောင်း

setAttribute() မူကြောင်း

hasAttribute() မူကြောင်း

Attribute value အချက်အလက်

HTML DOM အချက်အလက် အကိုယ့် အကိုယ်စားပုံ

စည်းကမ်း:

HTML ဗဟို

setAttribute() နှင့် setAttributeNode() အခြားခြင်း

setAttribute() setAttributeNode() မူကြောင်း:

setAttributeNode() အမည်ရှိ အကိုယ့် အကိုယ်စားပုံ အသုံးပြုခြင်း:

အကိုယ့် အရိုးကို အဆက်သွယ်ပြီး ထပ်ထည့်ခင်၌ သင့် အကိုယ့် အကိုယ်စားပုံကို ဖန်တီးပါကြောင်း:

အကျိုးသတ္တုမှာ အတူတူပါမည်။

အကျိုးသတ္တု

အကြောင်းကြား 1

ပထမဆုံး <h1> အချက်အလက်ကို class အကိုယ့် အရိုးပြီး ထပ်ထည့်ပါကြောင်း:

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

ကိုယ်တိုင် စစ်ဆေးကြပါ

ပြင်ဆင်အချိန်တွင်

Hello World

ပြင်ဆင်ပြီးနောက်

Hello World

အကျိုးဆောင် 2

<a> အခြေအနေ အဖွဲ့အစည်း အဖွဲ့ဝင် အခြေအနေ ကို ပြင်ဆင်ပါ

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

ကိုယ်တိုင် စစ်ဆေးကြပါ

ပြင်ဆင်အချိန်တွင်

codew3c.com ကို ခွင့်ပြုထား

ပြင်ဆင်ပြီးနောက်

codew3c.com ကို ခွင့်ပြုထား

အသုံးပြုခြင်း

element.setAttributeNode(newAttr)

သဘော

သဘော ဖော်ပြ
newAttr လိုအပ်သည်။ အသုံးပြုရန် ရှိသော အခြေအနေ သို့မဟုတ် ကို ပြုပြင်ရန် လိုအပ်သော အခြေအနေ အဖွဲ့အစည်း အဖွဲ့ဝင်

အပြန်အစား

အမျိုးအစား ဖော်ပြ
အရာ

ပြောင်းလဲခြင်း ဖြစ်သော အခြေအနေ အဖွဲ့အစည်း အဖွဲ့ဝင် အဖြစ် ဖော်ပြသည်။

အခြေအနေ သည် ပြောင်းလဲခြင်း မရှိဘဲ ဖြစ်လာကြောင်း ဖော်ပြသည်။

ဖြစ်ပေါ်စေ

အမှား ဖြစ်ပေါ်စေသော 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 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့