HTML DOM Element setAttribute() စနစ်

ဒီစနစ်ကို ကြိုတင်ပြခြင်း နှင့် အသုံးပြုခြင်း

setAttribute() အခြေအား သင်းကို ပြင်ဆင်ပြီး သတ်မှတ်ထားသော အခြေအား သတ်မှတ်ပါ။

ထိုအခြေအား ရှိနေခဲ့လျှင် သာသာ သတ်မှတ်ထားသော အခြေအား သာ ပြင်ဆင်ပါ။

မှတ်ချက်:HTML တွင် HTMLElement အဖွဲ့အစည်းသည် အခြေခံ HTML အခြေအားများစွာကို လက်ခံသည်။ အရေးပါသော အခြေအား သင် သုံးစွဲသည်မဟုတ် လျှင် ထိုစနစ်ကို သုံးပါ။

တီးပြီးမြင်ပါ:

ဂရန်ဘားကျမ်း

getAttribute() စနစ်

removeAttribute() စနစ်

hasAttribute() စနစ်

hasAttributes() စနစ်

getAttributeNode() စနစ်

setAttributeNode() စနစ်

removeAttributeNode() စနစ်

သင်ရိုးပြမှု့:

HTML ဗိုင်းအချင်း

အကျိုးသတ်

အမှတ် 1

အကိရိယာသို့ class အခြေအား ပြင်ဆင်ပါ။

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

ပြင်ဆင်မပြီး ပါ

Element အခြေအနေ

ပြင်ဆင်ပြီး ပါ

Element အခြေအနေ

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

အမှတ် 2

တန်ဖိုးသတ္တု အခြေအနေ ကို ဘလ်တန် ပြင်ဆင်ပါ

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

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

ပြင်ဆင်မပြီး ပါ

ပြင်ဆင်ပြီး ပါ

အမှတ် 3

<a> အခြေအနေ ကို href အခြေအနေ ပြင်ဆင်ပါ

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

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

ပြင်ဆင်မပြီး ပါ

codew3c.com ကို ကြည့်ရပါ

ပြင်ဆင်ပြီး ပါ

codew3c.com ကို ကြည့်ရပါ

အမှတ် 4

target အခြေအနေ အမှုထမ်းဝန်းကျင်း အား "_self" ပြောင်းလဲပါ။

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

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

အသုံးပြုပုံ

element.setAttribute(name, value)

အပ်လုပ်

အပ်လုပ် ဖော်ပြ
name လိုအပ်
value လိုအပ်

တင်ပြ

အကြင်း

ပေါ်ပေါက်

အမှား ဖော်ပြ
INVALID_CHARACTER_ERR အပ်လုပ် name အမေရိကန် HTML အခြေအနေအမည် သို့မဟုတ် XML အခြေအနေအမည် ကို အသုံးပြုခြင်း မပြုရသေးသော အကြား အချက်အလက်များ
NO_MODIFICATION_ALLOWED_ERR လက်ရှိ အခြေအနေ သည် နှုတ်ချခြင်း ဖြစ်၍၊ အခြေအနေများ ကို ပြန်လည်မွမ်းမံခြင်း မပြုပါ။

အခြေအနေ

အခြေအနေ

Style အပေါင်းစု အခြေအနေ ကို အသုံးပြုပါ။

ဒီအခြေအနေ

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

အကြောင်း

element.style.backgroundColor = "red";

ဘရာဇီးယား ထောက်ပံ့

element.setAttribute() ဖြစ်ပါတယ် DOM Level 1 (1998) အခြေအနေ။

အားလုံး ဘရာဇီးယား အားလုံး ကို ပြည့်ပြည့် ထောက်ပံ့ပါတယ်:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ထောက်ပံ့ 9-11 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့