HTML DOM Base অবজেক্ট

HTML DOM Base অবজেক্ট HTML <base> এলিমেন্টের সাথে যুক্ত। <base> এলিমেন্ট HTML ডকুমেন্টে অন্যান্য সব URL-এর জন্য বেস URL নির্দিষ্ট করতে ব্যবহৃত হয়। একটি HTML ডকুমেন্টে সর্বোচ্চ একটি <base> এলিমেন্ট থাকতে পারে। Base অবজেক্ট <base> এলিমেন্টের href অ্যাট্রিবিউট সেট বা পাওয়ার জন্য ব্যবহৃত হয়।

প্রোপার্টি

Base অবজেক্টের প্রোপার্টিগুলো নিচে দেওয়া হলো:

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

base এলিমেন্ট তৈরি করা:

document.createElement ("base")

base এলিমেন্ট অ্যাক্সেস করা:

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

উদাহরণ

Base অবজেক্টের একটি উদাহরণ দেখি:

<!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>

আউটপুট

এটি নিচের আউটপুট দেবে:

CREATE-এ ক্লিক করলে:

ACCESS-এ ক্লিক করলে:

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

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

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

CreateBase() ফাংশন একটি base এলিমেন্ট তৈরি করে এবং এটিকে x ভেরিয়েবলে অ্যাসাইন করে। তারপর setAttribute() মেথড ব্যবহার করে এর id এবং href সেট করে। নতুন তৈরি করা base এলিমেন্টটি appendChild() প্রোপার্টি ব্যবহার করে ডকুমেন্ট হেডে অ্যাপেন্ড করা হয়। শেষে base তৈরির মেসেজটি id SAMPLE সহ প্যারাগ্রাফে প্রদর্শিত হয়।

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() ফাংশন আমাদের নতুন তৈরি করা <base> এলিমেন্ট অ্যাক্সেস করার জন্য তৈরি করা হয়েছে। এটি id দ্বারা এলিমেন্টটি পায় এবং তারপর এর href মান পায় এবং x নামক একটি ভেরিয়েবলে অ্যাসাইন করে। x-এ থাকা তথ্যটি তারপর id SAMPLE সহ প্যারাগ্রাফে প্রদর্শিত হয়।

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