HTML DOM Element outerHTML အခြေခံ

အသုံးပြုခြင်း နှင့် ဖော်ပြ

outerHTML အခြေခံ အခြေခံ အသုံးချက် ပြသမည် အပါအဝင် အခြေခံ အစ အရိုက် နှင့် အပိုးအစား အရိုက်များ

အမှတ်ကြောင်း

အမှတ် 1

ပထမဆုံး h2 အရာဝတ္တု နှင့် အသုံးချက် ကို ပြောင်းလဲပေး

document.getElementsByTagName("h2")[0] = "<h3>Changed!</h3>";

ကျွန်တော် ကျင်းပမည်

အမှတ် 2

အခြေခံ ပုံစံ ကို အရာဝတ္တု ကို ပြောင်းလဲပေး

element.outerHTML = "<h2>This is a h2 element</h2>";

ကျွန်တော် ကျင်းပမည်

အမှတ် 3

အပြင်ဘက် <h1> အရာဝတ္တု အသုံးချက် ပြသမည်

let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);

ကျွန်တော် ကျင်းပမည်

အမှတ် 4

အပြင်ဘက် <ul> အရာဝတ္တု အသုံးချက် ပြသမည်

let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);

ကျွန်တော် ကျင်းပမည်

အက္ခရာ

outerHTML အခြေခံ ကွာန်းကိုးကြား

element.outerHTML

outerHTML အခြေခံ အသုံးချက်

element.outerHTML = text

အခြေခံ အသုံးချက်

အသုံးချက် ဖော်ပြ
text တိုက်ကြားသော HTML အရာဝတ္တု

ကွာန်းကိုးကြား

အမျိုးအစား ဖော်ပြ
ကြောက်ချက် HTML အရာဝတ္တု အသုံးချက်များ အပါအဝင် အခြေခံ အစ အရိုက် နှင့် အပိုးအစား အရိုက်များ。

ဘရောက်သတ်မှတ်ထားသည် ဘရောက်သတ်မှတ်ထားသည်

အားလုံး ဘရောက်သတ်မှတ်ထားသည် element.outerHTMLနှင့်

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