HTML DOM Element replaceChild() စနစ်

အသုံးပြုနည်း နှင့် ကျမ်းကို

replaceChild() အချက် အသစ် ကို အပိုင်း အသစ် ကို ပြောင်းလဲပေးရန်

အခြေအားလျှင်

removeChild() စနစ်

remove() စနစ်

appendChild() စနစ်

insertBefore() စနစ်

childNodes အခြေအား

firstChild အခ�ေအား

lastChild အခြေအား

firstElementChild အခြေအား

lastElementChild အခြေအား

ပါဝင်သော စနစ်များ

createElement() စနစ်

createTextNode() စနစ်

အမှု

အမှတ် 1

အချက် အကျိုးသတ် <li> အချက် အသစ် ကို ပြောင်းလဲပေးရန်

const newNode = document.createTextNode("Water");
const element = document.getElementById("myList").children[0];
element.replaceChild(newNode, element.childNodes[0]);

ပြောင်းလဲပြီး ပြောင်းလဲသည်

  • ပြောင်းလဲပြီး ပြောင်းလဲသည်
  • အင်္ဂါ
  • မြေကွင်း

ပြောင်းလဲပြီး ပြောင်းလဲသည်

  • ရေ
  • အင်္ဂါ
  • မြေကွင်း

ကျွန်တော်ကို ကြိုးစားလုပ်

အမှတ် 2 အကျိုးသတ်

အခြား <li> အား <li> အချက် အစိတ်အစိတ် အပြောင်းလဲ

// အခြား <li> အား အချက် အစိတ်အစိတ် ဖန်တီး
const element = document.createElement("li");
// အခြား အချက် အား အချက် အစိတ်အစိတ် ဖန်တီး
const textNode = document.createTextNode("Water");
// အခြား <li> အား <li> အစိတ်အစိတ် ထပ်ထည့်
element.appendChild(textNode);
// id="myList" ဖြစ်သော <ul> အား ကိုယ်စားပြု
const list = document.getElementById("myList");
// အခြား <li> အား အသစ်သော <li> အစိတ်အစိတ် အပြောင်းလဲသည်
list.replaceChild(element, list.childNodes[0]);

ပြောင်းလဲပြီး ပြောင်းလဲသည်

  • ပြောင်းလဲပြီး ပြောင်းလဲသည်
  • အင်္ဂါ
  • မြေကွင်း

ပြောင်းလဲပြီး ပြောင်းလဲသည်

  • ရေ
  • အင်္ဂါ
  • မြေကွင်း

ကျွန်တော်ကို ကြိုးစားလုပ်

အော်ရိုက်

.replaceChild(newnode, oldnode)

အပြင်

အပြင် ဖော်ပြ
newnode လိုအပ်သည်။ ထိန်းချုပ်ရန် ပြောင်းလဲသော ပေါ်စား
oldnode လိုအပ်သည်။ ဖျက်သိမ်းရန် ပြောင်းလဲသော ပေါ်စား

အပြန်

အမျိုးအစား ဖော်ပြ
Node အား အောက်ပါ ပေါ်စား

ဘရာဇက်ဂျင် ထောက်ပံ့

element.replaceChild() ဘရာဇက်ဂျင် အချိန်ထုတ် 1 (1998) အခြေခံ

အားလုံး ဘရာဇက်ဂျင် က အကောင့်ပြုကြသည်။

ချော်းနှင့်ပေါင် အီးအီ အင်ဂျင်တီ ဖက်ဖက်ရွှေ ဆင်ဖော် အိုပရာ
ချော်းနှင့်ပေါင် အီးအီ အင်ဂျင်တီ ဖက်ဖက်ရွှေ ဆင်ဖော် အိုပရာ
ထောက်ပံ့ 9-11 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့