XML DOM ਟੂਰ

DOM ਕੀ ਹੈ?

DOM ਦੇ ਪ੍ਰਮਾਣਿਕ ਤਰੀਕੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ:

“W3C ਡੌਕੂਮੈਂਟ ਓਬਜੈਕਟ ਮਾਡਲ (DOM) ਇੱਕ ਪਲੇਟਫਾਰਮ ਅਤੇ ਭਾਸ਼ਾ ਨਾਲ ਅਸੰਭਵ ਇੰਟਰਫੇਸ ਹੈ ਜੋ ਪ੍ਰੋਗਰਾਮ ਅਤੇ ਸਕ੍ਰਿਪਟ ਨੂੰ ਕੰਟੈਂਟ, ਸਟਰਕਚਰ ਅਤੇ ਸਟਾਈਲ ਦੀ ਗਤੀਸ਼ੀਲ ਪਹੁੰਚ ਅਤੇ ਅੱਪਡੇਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ。”

HTML DOM ਐਕਸਿਸ ਅਤੇ ਓਪਰੇਸ਼ਨ ਐਕਸਿਸ ਅਤੇ ਓਪਰੇਸ਼ਨ ਦੇ ਪ੍ਰਮਾਣਿਕ ਤਰੀਕੇ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਇਹ HTML ਡਾਕੂਮੈਂਟ ਨੂੰ ਟਰੀ ਸਟਰਕਚਰ ਵਜੋਂ ਪੇਸ਼ ਕਰਦਾ ਹੈ。

XML DOM ਐਕਸਿਸ ਅਤੇ ਓਪਰੇਸ਼ਨ ਐਕਸੇਸ ਅਤੇ ਓਪਰੇਸ਼ਨ ਦੇ ਪ੍ਰਮਾਣਿਕ ਤਰੀਕੇ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਇਹ XML ਡਾਕੂਮੈਂਟ ਨੂੰ ਟਰੀ ਸਟਰਕਚਰ ਵਜੋਂ ਪੇਸ਼ ਕਰਦਾ ਹੈ。

ਜਿਸ ਨੂੰ ਐੱਚਟੀਐੱਮਐੱਲ ਜਾਂ XML ਦਾ ਇਸਤੇਮਾਲ ਕਰਦਾ ਹੈ, ਉਸ ਲਈ DOM ਨੂੰ ਸਮਝਣਾ ਜ਼ਰੂਰੀ ਹੈ。

ਐੱਚਟੀਐੱਮਐੱਲ ਡੋਮ

ਸਾਰੇ ਐੱਚਟੀਐੱਮਐੱਲ ਐਲੀਮੈਂਟ ਐੱਚਟੀਐੱਮਐੱਲ ਡੋਮ ਰਾਹੀਂ ਪਹੁੰਚਿਆ ਜਾ ਸਕਦਾ ਹੈ。

ਉਦਾਹਰਣ 1

ਇਹ ਉਦਾਹਰਣ id="demo" ਦੇ HTML ਇਲੈਕਟ੍ਰੌਨਿਕ ਦਾ ਮੁੱਲ ਬਦਲਦਾ ਹੈ:

<h1 id="demo">ਇਹ ਸਿਰਲੇਖ ਹੈ</h1>
<p id="demo"></p>
document.getElementById("demo").innerHTML = "Hello World!";
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

</html>

ਉਦਾਹਰਣ 2

ਇਹ ਉਦਾਹਰਣ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਪਹਿਲੇ <h1> ਇਲੈਕਟ੍ਰੌਨਿਕ ਦਾ ਮੁੱਲ ਬਦਲਦਾ ਹੈ:

<h1>ਇਹ ਸਿਰਲੇਖ ਹੈ</h1>
<h1>ਇਹ ਸਿਰਲੇਖ ਹੈ</h1>
<p id="demo"></p>
document.getElementsByTagName("h1")[0].innerHTML = "Hello World!";
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

</html>

ਧਿਆਨ:ਹਾਲਾਂਕਿ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇੱਕ ਹੀ <h1> ਇਲੈਕਟ੍ਰੌਨਿਕ ਹੈ, ਤੁਸੀਂ ਹਮੇਸ਼ਾ ਤੁਰੰਤ ਸਂਖਿਆ [0] ਦੱਸਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿਉਂਕਿ getElementsByTagName() ਮੱਥਦਾ ਹੈ ਕਿ ਇਹ ਸਾਰੇ ਵਾਪਰਦੇ ਹਨ ਇੱਕ ਇਕੱਲੇ ਵਰਗ ਵਿੱਚ

ਤੁਸੀਂ ਸਾਡੇ JavaScript ਸਿੱਖਿਆ ਟੂਰਨ ਵਿੱਚ ਹੋਰ ਬਾਰੇ HTML DOM ਦੀ ਜਾਣਕਾਰੀ ਸਿੱਖ ਸਕਦੇ ਹੋ

ایکس ایم ل ڈی اے او ایم

ਸਾਰੇ XML ਇਲੈਕਟ੍ਰੌਨਿਕ ਨੂੰ XML DOM ਰਾਹੀਂ ਪਹੁੰਚਿਆ ਜਾ ਸਕਦਾ ਹੈ。

XML DOM ਹੈ:

  • XML ਦੀ ਪ੍ਰਮਾਣਿਕ ਆਬਜੈਕਟ ਮਾਡਲ
  • XML ਦੀ ਪ੍ਰਮਾਣਿਕ ਪ੍ਰੋਗਰਾਮਿੰਗ ਇੰਟਰਫੇਸ
  • ਪਲੇਟਫਾਰਮ ਅਤੇ ਭਾਸ਼ਾ ਨਾਲ ਅਸੰਭਵ
  • W3C ਪ੍ਰਮਾਣਿਕਤਾ

ਮਤਲਬ ਹੈ ਕਿ XML DOM ਇਹ ਇੱਕ ਪ੍ਰਮਾਣਿਕ ਹੈ ਜਿਸ ਵਿੱਚ ਕਿ ਕਿਵੇਂ XML ਇਲੈਕਟ੍ਰੌਨਿਕ ਨੂੰ ਪ੍ਰਾਪਤ, ਬਦਲਣ, ਜੋੜਨ ਜਾਂ ਹਟਾਉਣ ਦਾ ਕੰਮ ਕਰਨਾ ਹੈ。

XML ਇਲੈਕਟ੍ਰੌਨਿਕ ਦਾ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਨਾ

ਇਹ ਉਦਾਹਰਣ XML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਪਹਿਲੇ <title> ਇਲੈਕਟ੍ਰੌਨਿਕ ਦਾ ਟੈਕਸਟ ਵੈਲਿਊ ਖੋਜ ਕਰਦਾ ਹੈ:

یہ مثال متن جس کا بارا ناچار XML DOM اوبجیکٹ میں لوڈ کیا جاتا ہے، اور اس سے انفرادی معلومات بغیر کوئی پیچیدگی کیوں نہیں جوڑ سکتا ہے:

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

XML ਫਾਇਲ ਲੋਡ ਕਰਨਾ

ਹੇਠ ਲਿਖੇ ਉਦਾਹਰਣ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲੇ XML ਫਾਇਲ ਹੈ books.xml。

ਇਹ ਉਦਾਹਰਣ "books.xml" ਨੂੰ xmlDoc ਵਿੱਚ ਪੜ੍ਹਦਾ ਹੈ ਅਤੇ books.xml ਵਿੱਚ ਪਹਿਲੇ <title> ਇਲੈਕਟ੍ਰੌਨਿਕ ਦਾ ਟੈਕਸਟ ਵੈਲਿਊ ਭਾਸ਼ਾ ਵਿੱਚ ਖੋਜ ਕਰਦਾ ਹੈ:

یہ مثال متن جس کا بارا ناچار XML DOM اوبجیکٹ میں لوڈ کیا جاتا ہے، اور اس سے انفرادی معلومات بغیر کوئی پیچیدگی کیوں نہیں جوڑ سکتا ہے:

<!DOCTYPE html>
مثال
<html>
<body>
<p id="demo"></p>
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;
    xmlDoc = parser.parseFromString(text,"text/xml");
    document.getElementById("demo").innerHTML =
}
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>
</body>

</html>

}

  1. مثال توجیہ xmlDoc
  2. - نود کا مطلب حاصل کرنا getElementsByTagName("title")[0]
  3. - پہلا <title> عنصر حاصل کرنا childNodes[0]
  4. - <title> عناصر کا پہلا بچ نود (متن نود) nodeValue

- نود کا مطلب (متن ہی)

XML جملہ لوڈ کرنا

یہ مثال متن جس کا بارا ناچار XML DOM اوبجیکٹ میں لوڈ کیا جاتا ہے، اور اس سے انفرادی معلومات بغیر کوئی پیچیدگی کیوں نہیں جوڑ سکتا ہے:

مثال
<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 کا پروگرامنگ انٹر فیس ایک گروپ استاندارد اچاروں اور مفادات کے ذریعے دسایا گیا ہے。

اچارمعمولاً اس کا مطلب کیا کیا ہے (مثلاً nodename ہے "book")

مفادمعمولاً اس کا مطلب کیا کچھ کر سکتا ہے (مثلاً "book" کا حذف کرنا)

XML DOM اچار

یہ چند نمونہ درجہ بندی کی اچار ہیں:

  • x.nodeName - نام
  • x.nodeValue - مطلب
  • x.parentNode - والد نود
  • x.childNodes - بچوں کا نود
  • x.attributes - اچاروں کا نود

注释：در سلیست بالا، x ایک نود اوبجیکٹ ہے。

XML DOM 方法

  • x.getElementsByTagName(name) - 获取拥有指定标签名称的所有元素
  • x.appendChild(node) - 向 x 插入一个子节点
  • x.removeChild(node) - 从 x 中删除子节点

注释：在上面的列表中，x 是一个节点对象。