XML DOM အစီအစဉ်

DOM မှာ အားကွက်ပေးရာ မူကွဲများ အား မှတ်ယူရမည်ဖြစ်သည်။

DOM သည် အားကွက်ပေးရာ မူကွဲများ နှင့် အသုံးပြုသူတိုင်း အတွက် အဆိုပါ အချက်အလက်ကို အားကွက်ပေးသည်။

“W3C ကွင်းဆိုင်းအားကွက် (DOM) သည် ပေါ်ပေါ်တွင် အဆိုပါ အချက်အလက်ကို ပြန်လည်လုပ်ခြင်း နှင့် အဆိုပါ အချက်အလက်ကို ပြန်လည်ပြင်ဆင်ထားသည်။”

HTML DOM သည် အားကွက်ပေးရာ မူကွဲများ နှင့် အသုံးပြုသူတိုင်း အတွက် အဆိုပါ အချက်အလက်ကို အားကွက်ပေးသည်။ ပြီးတော့ အားကွက်ပေးသည်မှာ အချက်အလက်အရပ်အရပ်ကို ဆီးဆေးပြီး ဆီးဆေးပြီး ပြန်လည်ပြင်ဆင်ထားသည်။

XML DOM သည် အားကွက်ပေးရာ မူကွဲများ နှင့် အသုံးပြုသူတိုင်း အတွက် အဆိုပါ အချက်အလက်ကို အားကွက်ပေးသည်။ ပြီးတော့ အားကွက်ပေးသည်မှာ အချက်အလက်အရပ်အရပ်ကို ဆီးဆေးပြီး ဆီးဆေးပြီး ပြန်လည်ပြင်ဆင်ထားသည်။

HTML သို့မဟုတ် XML အသုံးပြုသူတိုင်း အတွက် ဒီအချက်အလက်ကို သိရှိရမည်ဖြစ်သည်။

HTML DOM

အချင်းချင်းအားဖြင့် HTML အကွက်အား ကွင်းဆိုင်းပေးသည်။

အကျိုးမူ 1

ဤအကျိုးမူက id="demo" ဖြစ်သော HTML အအုပ်အချက်၏ အရေအတွက် ပြောင်းလဲကြသည်:

<h1 id="demo">ဤအပြင်အလို့ငှာ</h1>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

ကျွန်ုပ်ကိုယ်တိုင် စမ်းသပ်ပါ။

အကျိုးမူ 2

ဤအကျိုးမူက HTML ဖိုင်တွင်ပါသော <h1> အအုပ်အချက်၏ အရေအတွက် ပြောင်းလဲကြသည်:

<h1>ဤအပြင်အလို့ငှာ</h1>
<h1>ဤအပြင်အလို့ငှာ</h1>
<script>
document.getElementsByTagName("h1")[0].innerHTML = "Hello World!";
</script>

ကျွန်ုပ်ကိုယ်တိုင် စမ်းသပ်ပါ။

ကြောင်းပြချက်:HTML ဖိုင်မှာ <h1> အအုပ်အချက်တစ်ခုသာ ပါကာမှာ လည်း အစိတ်အပိုင်း [0] ကို သတ်မှတ်ချက်ချရမည်သည်။ ကြောင်းပြချက်: getElementsByTagName() အဘောင်းအရာသည် အစိတ်အပိုင်းအဖွဲ့ကို အပြန်ဆင်ပေးသည်。

ကျွန်ုပ်တို့၏ JavaScript အခြေခံပညာများတွင် XML DOM နှင့် ပို၍ သိရှိကြားတယ်。

XML DOM

အားလုံးသော XML အအုပ်အချက်များကို XML DOM ဖြင့် ဝင်ရောက်နိုင်ပါသည်。

XML DOM သည်:

  • XML အခြေခံ အပြည့်အဝိုက်
  • XML အခြေခံ ပြင်ဆင်အဘောင်းအရာ
  • ပေါ်ပေါ်အခြေခံအဘောင်းအရာ နှင့် ဘာသာစကား
  • W3C အခြေခံအဘောင်းအရာ

အခြားအားဖြင့်: XML DOM သည် အရှိုးရှိသော အရှိုးကို ရယူ၊ ပြောင်းလဲ၊ နှင့် ဖျက်သိမ်းရန် အခြေခံအဘောင်းအရာဖြစ်သည်。

XML အအုပ်အချက်၏ အရေအတွက် ရယူခြင်း

ဤအကျိုးမူက XML အချက်အလက်တွင်ပါသောအပြင် <title> အအုပ်အချက်၏ စကားလုံ�အရေအတွက် ရှာဖွေကြသည်:

အကျိုးသတ္တု

txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

XML ဖိုင်တင်ဆောက်ခြင်း

ဤအကျိုးမူက အသုံးပြုသော XML ဖိုင်ဖြစ်သည့် "books.xml" ဖြစ်သည်。

ဤအကျိုးမူက "books.xml" ကို xmlDoc သို့ တင်ကာ books.xml တွင်ပါသောအပြင် <title> အအုပ်အချက်၏ စကားလုံးအရေအတွက် ရှာဖွေကြသည်:

အကျိုးသတ္တု

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    myFunction(this);
    }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    document.getElementById("demo").innerHTML =
    xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
}
</script>
</body>
</html>

ကျွန်ုပ်ကိုယ်တိုင် စမ်းသပ်ပါ။

အကျိုးသတ္တုအပြောင်းအလဲ

  1. xmlDoc - ပြန်လည်ပြောင်းလဲသော XML DOM အခွင့်အရေးအသုံးစံ
  2. getElementsByTagName("title")[0] - ပထမဆုံး <title> အခွင့်အရေးအသုံးစံ ကို နွဲ့ကာ
  3. childNodes[0] - <title> အခွင့်အရေးအသုံးစံ အပျက်အစီးပါး ပါး
  4. nodeValue - အရာဝတ္တရား အခွင့်အရေးအသုံးစံ (အချက်အလက်ကိုပဲ)

XML အချက်အလက် အခွင့်အရေးအသုံးစံ

ဒီ အကျိုးသတ္တုသည် အခွင့်အရေးအသုံးစံအဖြစ် အချက်အလက်များ ကို အရာဝတ္တရားအဖြစ် သွင်းသွင်းခြင်း နှင့် JavaScript ကို အသုံးပြု၍ အချက်အလက်များ ထုတ်ယူခြင်းကို လိုက်နာပါသည်။

အကျိုးသတ္တု

<html>
<body>
<p id="demo"></p>
<script>
var text, parser, xmlDoc;
text = "<bookstore><book>" +
"<title>雅舍谈吃</title>" +
"<author>梁实秋</author>" +
"<year>2013</year>" +
"</book></bookstore>";
parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");
document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>
</body>
</html>

ကျွန်ုပ်ကိုယ်တိုင် စမ်းသပ်ပါ။

ပရိုဂရမ်အကွင်း

DOM သည် XML ကို နောက်တန်းအရာဝတ္တရားအဖြစ် တူးဖော်သည်။ အခွင့်အရေးအသုံးစံအဖြစ် သို့မဟုတ် အခြား ပရိုဂရမ်များ ဖြင့် အရာဝတ္တရားကို ဝင်ရောက်နိုင်သည်။ ဒီ ညွှန်ပြအပြည့်အဝင်တွင် ကျွန်ုပ်တို့သည် JavaScript ကို အသုံးပြုပါသည်။

DOM အခွင့်အရေးအသုံးစံအဖြစ်သော ပရိုဂရမ်များသည် အခွင့်အရေးအသုံးစံများ နှင့် စက်မှုများ အဖြစ် အသုံးပြုထားသည်။

အခွင့်အရေးဘေးဒဏ်အကျိုးဆက်ကြောင်း ဆိုသည်။ (ဥပမာ nodename သည် 'book' အဖြစ်ဖြစ်သည်)

စက်မှုပုံစံတခုကို အသုံးပြုသော ဘေးဒဏ်အကျိုးဆက်ကြောင်း ဆိုသည်။ (ဥပမာ 'book' အဖြစ်သော တက်ကြွမှုကို သုံးပြုခြင်း)

XML DOM အခွင့်အရေးအသုံးစံ

အခွင့်အရေးအသုံးစံများကို အသုံးပြုသော ပုံစံတခုကို ကျွန်ုပ်တို့သည် ရှိသည်။

  • x.nodeName - x အခွင့်အရေးအသုံးစံ
  • x.nodeValue - x အခွင့်အရေးအသုံးစံ
  • x.parentNode - x အခွင့်အရေးအသုံးစံအဖြစ်
  • x.childNodes - x အရာဝတ္တရားအဖြစ်
  • x.attributes - x အခွင့်အရေးအသုံးစံအဖြစ်

အစီရင္ခံအပြောက်အချက်များတွင် x သည် နောက်တန်းအရာဝတ္တရားအဖြစ်ဖြစ်သည်။

XML DOM အမည္ခံ အကိုက္

  • x.getElementsByTagName(name) - အချက္ချက္ အကိုက္ ပါဝင္သည္ အကိုက္ ပေါ်အပ်ပါ
  • x.appendChild(node) - x အပါ အပိုင္း အကိုက္ ပြုလုပ္ပါ
  • x.removeChild(node) - x အပါ အပိုင္း အကိုက္ ဖယ္ရှားပါ

အစီရင္ခံအပါအဝင္ အောက္မသိမ္းx အခြား အကိုက္