HTML DOM Document body အချက်အလက်

  • အဆင်းပြင် အချက် baseURI
  • နောက်ပိုင်း စာလုံး charset
  • အဆင်းပြင် ပြန်လည် HTML DOM Documents

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

body အချက်အလက် အစားထိုးသို့မဟုတ် ကွက်လွှမ်းပါ

အကြောင်းကြားကို အစားထိုးပါ body အချက်အလက် အချက် အား ပြောင်းလဲပါ

သတင်း

document.body နှင့် document.documentElement အခြား

  • document.body က <body> အား ပြန်လည်ပေးသည်
  • document.documentElement က <html> အား ပြန်လည်ပေးသည်

အခြား ကြည်းဖော်များ

Document documentElement အချက်

HTML <body> အချက်

HTML DOM Body အရာဝတ္တက

အကျိုးသတ္တု

ဘလက် 1

ပုံစံအချက်အလက် <body> ကို ရယူပါ

const myBody = document.body.innerHTML;

ကျွန်ုပ်တို့ ကျယ်ပြီး ကြိုးစားပါ

ဘလက် 2

ပုံစံအချက်အလက် <body> အပြင်ထွက် အရောင် ပြောင်းလဲပါ

document.body.style.backgroundColor = "yellow";

ကျွန်ုပ်တို့ ကျယ်ပြီး ကြိုးစားပါ

ဘလက် 3

ပုံစံအချက်အလက် <body> ကို ပြောင်းလဲပါ (အခြား အရာအား ပြောင်းလဲသွားသည်)

document.body.innerHTML = "Some new HTML content";

ကျွန်ုပ်တို့ ကျယ်ပြီး ကြိုးစားပါ

ဘလက် 4

အချက်အလက် <p> အား ဖွဲ့စည်းပြီး ပုံစံအချက်အလက် တွင် ထိန်းချုပ်ပါ

const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);

ကျွန်ုပ်တို့ ကျယ်ပြီး ကြိုးစားပါ

အသုံးပြုပုံ

body အချက်အလက် ကို ကွက်လွှမ်းပါ

document.body

body အချက်အလက် ကို အစားထိုးပေးပါ

document.body = newContent

အချက်အလက် အချက်

အချက် ဖော်ပြ
newContent <body> အား တိုက်ရိုက် သတင်းပေးသည်

ကွက်လွှမ်းသည်

အမျိုးအစား ဖော်ပြ
အရာ ပုံစံအချက်အလက်များ၏ body အား

ဘရောက်သတ်ကား ကူညီ

document.body DOM Level 1 (1998) ကို အသုံးပြုသည်

အားလုံး ဘရောက်သတ်ကား သို့မဟုတ် ကျော်ကြားသော ဘရောက်သတ်ကား ကို အပြည့်အဝင် ကူညီပေးသည်

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ထောက်ပံ့ 9-11 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့
  • အဆင်းပြင် အချက် baseURI
  • နောက်ပိုင်း စာလုံး charset
  • အဆင်းပြင် ပြန်လည် HTML DOM Documents