HTML DOM getAttribute() মেথড

HTML DOM getAttribute() মেথড একটি নির্দিষ্ট HTML এলিমেন্টের সাথে জড়িত অ্যাট্রিবিউট পাওয়ার বা সেট করার জন্য ব্যবহৃত হয়। যদি এলিমেন্টে প্রদত্ত অ্যাট্রিবিউট না থাকে তবে এটি null বা খালি স্ট্রিং রিটার্ন করবে।

সিনট্যাক্স

getAttribute() মেথডের সিনট্যাক্স:

element.getAttribute(attributename)

এখানে, attributename হলো স্ট্রিং টাইপের এবং একটি বাধ্যতামূলক প্যারামিটার। এটি সেই অ্যাট্রিবিউটের নাম নির্দেশ করে যার মান আপনি পেতে চান।

উদাহরণ

getAttribute() মেথডের উদাহরণ:

<!DOCTYPE html> <html> <head> <script>    function getAttr() {       var a = document.getElementsByTagName("a")[0].getAttribute("href");       document.getElementById("Sample").innerHTML = a;    } </script> </head> <body> <h1>getAttribute() উদাহরণ</h1> <a href="https://www.google.com">GOOGLE</a> <p>উপরের লিংকের href অ্যাট্রিবিউটের মান পেতে নিচের বাটনে ক্লিক করুন</p> <button onclick="getAttr()">GET</button> <p id="Sample"></p> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

GET বাটনে ক্লিক করলে:

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

প্রথমে href অ্যাট্রিবিউটের মান https://www.google.com সেট করে একটি অ্যানকর এলিমেন্ট তৈরি করা হয়েছে:

<a href="https://www.google.com">GOOGLE</a>

তারপর GET বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে getAttr() মেথড এক্সিকিউট করবে:

<button onclick="getAttr()">GET</button>

getAttr() মেথড ডকুমেন্ট অবজেক্টের getElementByTagName() প্রপার্টি ব্যবহার করে HTML ডকুমেন্টের প্রথম <a> এলিমেন্ট পাওয়া। তারপর getAttribute() মেথড ব্যবহার করে href অ্যাট্রিবিউটের মান পাওয়া এবং a ভেরিয়েবলে অ্যাসাইন করা। এই মানটি id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি ব্যবহার করে প্রদর্শন করা হয়েছে:

function getAttr() {    var a = document.getElementsByTagName("a")[0].getAttribute("href");    document.getElementById("Sample").innerHTML = a; }