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

DOM کیا ہے؟

دکومنٹ اوبجیکٹ ماڈل (DOM) دستاویز کا استعمال اور عمل پرندہ معیارات دیتا ہے:

“W3C دکومنٹ اوبجیکٹ ماڈل (DOM) ایک پلیٹ فارم اور زبان سے مستقل انٹرفس ہے جو پروگرام اور اسکریپٹوں کو دستاویز کی مطلب، ساخت اور انداز کی دین و ترمیم کی اجازت دیتا ہے.”

HTML DOM اس کا معیار HTML دستاویز کا استعمال اور عمل پرندہ معیارات دیتا ہے۔ یہ HTML دستاویز کو درخت شکل میں پیش کرتا ہے。

ایکس ام ال ڈی او ایم اس کا معیار XML دستاویز کا استعمال اور عمل پرندہ معیارات دیتا ہے۔ یہ XML دستاویز کو درخت شکل میں پیش کرتا ہے。

کسی بھی HTML یا XML کا استعمال کرنے والے پروگرام کے لیے، DOM کو سمجھنا ضروری ہے。

HTML DOM

تمام HTML علامات HTML DOM کے ذریعے دستیاب ہو سکتے ہیں。

ایک مثال دیکھئے، وہاں id="demo" کا HTML علامت کا قیمت بدل دیا جاتا ہے:

مثال

<h1 id="demo">یہ عنوان ہے</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
کلیک کریں!
</button>

آزمایش کنید

شما می‌توانید در آموزش‌های JavaScript ما در مورد HTML DOM اطلاعات بیشتری.

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

تمام عناصر XML می‌توانند از طریق XML DOM دسترسی پیدا کنند.

Books.xml

<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
  <book category="غذا">
    <title lang="zh">مکانی برای صحبت کردن در مورد خوردن</title>
    <author>لیان شیچیو</author>
    <year>2013</year>
    <price>35</price>
  </book>
  <book category="کودکان">
    <title lang="zh">پدر شامپانزه‌های بی‌نظیر</title>
    <author>رولد دار</author>
    <year>2009</year>
    <price>10.00</price>
  </book>
</bookstore>

این کد متن عناصر <title> اولین XML را جستجو می‌کند:

مثال

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

XML DOM استانداردی برای دسترسی، تغییر، اضافه کردن و حذف عناصر XML است.

این مثال شامل بارگذاری یک رشته متنی به یک شیء DOM XML و استفاده از JavaScript برای استخراج اطلاعات از آن است:

مثال

<html>
<body>
<p id="demo"></p>
<script>
var text, parser, xmlDoc;
text = "<bookstore><book>"
"<title>雅舍谈吃</title>" +
"<author>梁实秋</author>" +
"<year>2009</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>

آزمایش کنید

شما در آموزش XML DOM ما خواهید آموخت ایکس ام ال ڈی او ایم بیشتر از این.