XML DOM

DOM কি?

ডকুমেন্ট অবজেক্ট মডেল (DOM) ডকুমেন্ট পরিবর্তন ও প্রক্রিয়াকরণের জন্য একটি প্রমাণপত্র

“W3C ডকুমেন্ট অবজেক্ট মডেল (DOM) হচ্ছে একটি প্ল্যাটফর্ম ও ভাষা নির্ভরশীল ইন্টারফেস, যা প্রোগ্রাম ও স্ক্রিপ্টকে ডকুমেন্টের বিষয়, কাঠামো ও শৈলী অবস্থানকে ডাইনামিকভাবে প্রবেশ ও পরিবর্তনের সুযোগ দেয়।”

HTML DOM এটি HTML ডকুমেন্ট পরিবর্তন ও প্রক্রিয়াকরণের জন্য একটি প্রমাণপত্র পদ্ধতি

XML DOM এটি 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 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>

এই কোডটি XML ডকুমেন্টের প্রথম <title> এলিমেন্টের টেক্সট মান অর্জন করে:

উদাহরণ

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

XML DOM হল কিভাবে XML এলিমেন্টগুলোকে অর্জন, পরিবর্তন, যোগ করা এবং মুছা দেওয়ার জন্য একটি প্রমাণপত্র。

এই উদাহরণটি টেক্সট স্ট্রিং লোড করে XML DOM অবজেক্টে এবং জাভাস্ক্রিপ্ট দিয়ে তার থেকে তথ্য উদ্ধার করে:

উদাহরণ

<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 教程中学习有关 XML DOM 的更多内容。