HTML DOM বেস অবজেক্ট

HTML DOM বেস অবজেক্টটি HTML উপাদানের সাথে যুক্ত। উপাদানটি HTML নথিতে অন্য সকল URL-এর জন্য বেস url নির্দিষ্ট করতে ব্যবহৃত হয়। একটি HTML নথিতে সর্বাধিক একটি উপাদান থাকতে পারে। বেস অবজেক্টটি উপাদানের href এট্রিবিউট সেট করতে বা পেতে ব্যবহৃত হয়।

সম্পত্তি

বেস অবজেক্ট -

এর বৈশিষ্ট্যগুলি নিম্নরূপ

সম্পত্তি	বিবরণ
href	বেস এলিমেন্টে href অ্যাট্রিবিউটের মান সেট করে বা রিটার্ন করে
লক্ষ্য	বেস এলিমেন্টে টার্গেট অ্যাট্রিবিউটের মান সেট করে বা ফেরত দেয়

সিনট্যাক্স

−

-এর সিনট্যাক্স নিচে দেওয়া হল

ভিত্তি উপাদান তৈরি করা -

document.createElement ("base")

বেস এলিমেন্ট-

অ্যাক্সেস করা

var a = document.getElementById("demoBase");

উদাহরণ

বেস অবজেক্ট -

এর একটি উদাহরণ দেখা যাক

<!DOCTYPE html>
<html>
<body>
<p>Create the element first and then access it</p>
<p>Click the button below to create or access BASE element.</p>
<button onclick="CreateBase()">CREATE</button>
<button onclick="AcessBase()">ACCESS</button>
<p id="SAMPLE"></p>
<script>
   function CreateBase() {
      var x = document.createElement("BASE");
      x.setAttribute("id","myBase");
      x.setAttribute("href", "https://www.google.com");
      document.head.appendChild(x);
      document.getElementById("SAMPLE").innerHTML = "BASE element with href
      https://www.google.com is created";
   }
   function AcessBase() {
      var x = document.getElementById("myBase").href;
      document.getElementById("SAMPLE").innerHTML = x;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM বেস অবজেক্ট

CREATE -

-এ ক্লিক করলে

HTML DOM বেস অবজেক্ট

ACCESS -

-এ ক্লিক করলে

HTML DOM বেস অবজেক্ট

উপরের উদাহরণে -

আমরা যথাক্রমে CreateBase() এবং AccessBase() ফাংশন চালানোর জন্য CREATE এবং ACCESS দুটি বোতাম তৈরি করেছি।

<button onclick="CreateBase()">CREATE</button>
<button onclick="AcessBase()">ACCESS</button>

CreateBase() ফাংশন একটি বেস উপাদান তৈরি করে এবং এটি পরিবর্তনশীল x এ বরাদ্দ করে। তারপর setAttribute() পদ্ধতি ব্যবহার করে আমরা এর id এবং href সেট করি। নতুন তৈরি বেস উপাদানটি তারপর appendChild() বৈশিষ্ট্য ব্যবহার করে নথির প্রধানে যুক্ত করা হয়। পরিশেষে ভিত্তি তৈরির বার্তাটি অনুচ্ছেদে প্রদর্শিত হয় যার সাথে যুক্ত আইডি স্যাম্পল।

function CreateBase() {
   var x = document.createElement("BASE");
   x.setAttribute("id","myBase");
   x.setAttribute("href", "https://www.google.com");
   document.head.appendChild(x);
   document.getElementById("SAMPLE").innerHTML = "BASE element with href https://www.google.com is created";
}

AcessBase() ফাংশনটি আমাদের নতুন তৈরি করা উপাদান অ্যাক্সেস করার জন্য তৈরি করা হয়েছে। এটি আইডি দ্বারা উপাদান পেয়ে এবং তারপর তার href মান পেয়ে এবং x নামক একটি ভেরিয়েবলের সাথে বরাদ্দ করে তা করে। তারপর x-এর মধ্যে থাকা তথ্যটি নমুনা আইডি সহ অনুচ্ছেদে প্রদর্শিত হয়।

function AcessBase() {
   var x = document.getElementById("myBase").href;
   document.getElementById("SAMPLE").innerHTML = x;
}