HTML DOM အတွင်း HTML Property
ဥပမာ
id="demo" ဖြင့် <p> ဒြပ်စင်တစ်ခု၏ HTML အကြောင်းအရာကို ပြောင်းလဲပါ-
document.getElementById("demo").innerHTML = "Paragraph changed!";
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အတွင်း HTML ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏ HTML အကြောင်းအရာ (အတွင်း HTML) ကို သတ်မှတ် သို့မဟုတ် ပြန်ပေးသည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
အထားအသို
အတွင်း HTML ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
HTMLElementObject.innerHTML
အတွင်း HTML ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
HTMLElementObject.innerHTML = text
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
text | Specifies the HTML content of an element |
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | Element တစ်ခု၏ HTML အကြောင်းအရာကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
---|
နောက်ထပ် ဥပမာများ
ဥပမာ
id="myP" ဖြင့် <p> ဒြပ်စင်တစ်ခု၏ HTML အကြောင်းအရာကို ရယူပါ-
var x = document.getElementById("myP").innerHTML;
ဥပမာ
id="myList" ဖြင့် <ul> ဒြပ်စင်တစ်ခု၏ HTML အကြောင်းအရာကို ရယူပါ-
var x = document.getElementById("myList").innerHTML;
ဥပမာ
ဒြပ်စင်နှစ်ခု၏ HTML အကြောင်းအရာကို ပြောင်းလဲပါ-
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
ဥပမာ
id="demo" ဖြင့် <p> ဒြပ်စင်တစ်ခု၏ HTML အကြောင်းအရာကို သတိပေးပါ-
alert(document.getElementById("demo").innerHTML);
ဥပမာ
id="demo" ဖြင့် <p> ဒြပ်စင်တစ်ခု၏ HTML အကြောင်းအရာကို ဖျက်ပါ-
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
ဥပမာ
HTML အကြောင်းအရာ၊ URL နှင့် လင့်ခ်တစ်ခု၏ ပစ်မှတ်ကို ပြောင်းပါ-
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Element Object