HTML DOM Element removeChild() စနစ်

အသုံးပြုပုံ နှင့် လက်ဆင့်ချက်

removeChild() စနစ် ကို အစီအစဉ် ပုံစံ ဖြင့် ဖျက်သိမ်းပြီး:

ဤ စနစ် ကို Node ပုံစံ ဖြင့် ပြန်ပေါင်းပြီး ပြန်ထည့်ပြီး: null.

အကြိမ်

ပြင်းပြီး ဖြစ်သော အသုံးပြုပုံ တစ်ခု ဖြင့် ပြန်ထည့်ပြီး:

သို့သော် ပြန်ပေါင်းပြီး ပြင်းပြီး ဖြစ်သော အသုံးပြုပုံ တစ်ခု ဖြင့် ပြန်ထည့်ပြီး:

ကျမ်းကို ကြည့်ပါ:

remove() စနစ်

appendChild() စနစ်

insertBefore() စနစ်

replaceChild() စနစ်

childNodes ပုံစံ

firstChild ပုံစံ

lastChild ပုံစံ

firstElementChild ပုံစံ

lastElementChild ပုံစံ

အကြိမ်

လက်တင် 1

ပြင်းပြီး ဖြစ်သော အသုံးပြုပုံ တစ်ခု ဖြင့် ပြန်ထည့်ပြီး:

const list = document.getElementById("myList");
list.removeChild(list.firstElementChild);

ဖျက်သိမ်းအတိုင်း:

  • Coffee
  • Tea
  • Milk

ဖျက်သိမ်းပြီး:

  • Tea
  • Milk

ကိုယ်တိုင် ကျင်းပ

လက်တင် 2

ကြောင်းလုံး ပြင်းပြီး ဖြစ်သော အသုံးပြုပုံ တစ်ခု ဖြင့် ပြန်ထည့်ပြီး:

const list = document.getElementById("myList");
if (list.hasChildNodes()) {
  list.removeChild(list.children[0]);
}

ကိုယ်တိုင် ကျင်းပ

လက်တင် 3

ပြင်းပြီး ဖြစ်သော အသုံးပြုပုံ တစ်ခု ဖြင့် ပြန်ထည့်ပြီး:

const list = document.getElementById("myList");
while (list.hasChildNodes()) {
  list.removeChild(list.firstChild);
}

ကိုယ်တိုင် ကျင်းပ

လက်တင် 4

ပြင်းပြီး ဖြစ်သော အသုံးပြုပုံ တစ်ခု ဖြင့် ပြန်ထည့်ပြီး:

element.parentNode.removeChild(element);

ကိုယ်တိုင် ကျင်းပ

လက်တင် 5

ပြင်းပြီး ဖြစ်သော အသုံးပြုပုံ တစ်ခု ဖြင့် ပြန်ပေါင်းပြီး ပြန်ထည့်ပြီး:

const element = document.getElementById("myLI");
function removeLi() {
  element.parentNode.removeChild(element);
}
function appendLi() {
  const list = document.getElementById("myList");
  list.appendChild(element);
}

ကိုယ်တိုင် ကျင်းပ

အကြောင်းကြား 6: ဖော်ပြ

ဖျက်သိမ်းခဲ့သော အကျိုးသက်မှု ကို အတွက်အချက်အလက် ကို အတွက် appendChild() သို့မဟုတ် insertBefore() ကို သုံးပါ。

document.adoptNode() သို့မဟုတ် document.importNode() ကို အခြား ရှင်းချက် တွင် သွင်းပါသည်。

အောက်ပါ အကြောင်းကြား အကျိုးသက်မှု ကို ဖျက်သိမ်းပြီး အခြား ရှင်းချက် တွင် သွင်းပါသည်：

const child = document.getElementById("mySpan");
function remove() {
  child.parentNode.removeChild(child);
}
function insert() {
  const frame = document.getElementsByTagName("IFRAME")[0]
  const h = frame.contentWindow.document.getElementsByTagName("H1")[0];
  const x = document.adoptNode(child);
  h.appendChild(x);
}

ကိုယ်တိုင် ကျင်းပ

ပြောက်လိမ့်မည်

element.removeChild(node)

သို့မဟုတ်

node.removeChild(node)

အရည်အချင်း

အရည်အချင်း ဖော်ပြ
node လိုအပ်သည်။ ဖျက်သိမ်းရန် အကျိုးသက်မှု (အရာအုပ်)

တုံ့ပြန်ချက်

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

ဖျက်သိမ်းခဲ့သော အကျိုးသက်မှု (အရာအုပ်)

ကလောင်း အကျိုးသက်မှု မရှိသေးသဖြင့် null ဖြစ်ပါသည်。

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

element.removeChild() ဘရာဇီးနီးယား DOM Level 1 (1998) ဖောင်း

အားလုံး ဘရာဇီးနီးယား သို့မဟုတ်

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