DOM (XML DOM)
«XML DOM (Document Object Model)» یعنی مدل شیءگرای سند. مرورگر، XML را به یک درخت از گره ها تبدیل می کند. سپس می توانیم محتوا، ساختار، و سبک را با کد تغییر دهیم؛ مثل مدیریت پوشه ها در رایانه.
XML DOM چیست؟
«DOM» یک استاندارد دسترسی و ویرایش سند است. XML به شکل درخت نمایش داده می شود. هر برچسب یک گره است. سپس با متدها، گره ها را می خوانیم و تغییر می دهیم.
نمونه HTML DOM برای مقایسه
اینجا مقدار یک عنصر HTML با id تغییر می کند. این فقط برای مقایسه با XML DOM است.
<h1 id="demo">This is a Heading</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Click Me!
</button>
خواندن داده از XML DOM
با getElementsByTagName نخستین عنوان را می گیریم. «گره متنی» همان متن داخل تگ است.
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
تبدیل رشته به XML DOM
در این مثال، یک رشته XML می سازیم. سپس با DOMParser آن را به DOM تبدیل می کنیم و عنوان را می خوانیم.
<html>
<body>
<p id="demo"></p>
<script>
var text;
var parser;
var xmlDoc;
text = "<bookstore><book>" +
"<title>Everyday Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</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 تبدیل کن.
- گره ها را با متدهای DOM پیدا کن.
- متن یا ویژگی ها را بخوان یا تغییر بده.
نکته: فهم «XML DOM» برای کار با XML ضروری است. برای شروع سریع، به پارسر XML سر بزن.
لینک های مرتبط
صفحه XML DOM را نشانه گذاری کن. برای جستجوی گره ها با مسیر، به XPath برو.
جمع بندی سریع
- XML DOM سند را درختی می سازد.
- هر تگ، یک گره قابل دسترسی است.
- با DOMParser رشته به DOM می شود.
- با متدها، محتوا را می خوانیم یا تغییر می دهیم.