HTML DOM getAttribute() পদ্ধতিটি একটি নির্দিষ্ট HTML উপাদানের সাথে যুক্ত একটি বৈশিষ্ট্য পেতে বা সেট করার জন্য ব্যবহার করা হয়। যদি উপাদানটিতে প্রদত্ত বৈশিষ্ট্যটি না থাকে তবে এটি শূন্য বা খালি স্ট্রিং প্রদান করবে।
সিনট্যাক্স
getAttribute() মেথড -
এর জন্য সিনট্যাক্স নিচে দেওয়া হলelement.getAttribute(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() example</h1>
<a href="https://www.google.com">GOOGLE</a>
<p>Get the href attribute value of the above link by clicking the below button</p>
<button onclick="getAttr()">GET</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
GET বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে https://www.google.com -
-এ href অ্যাট্রিবিউট মান সেট করে একটি অ্যাঙ্কর উপাদান তৈরি করেছি।<a href="https://www.google.com">GOOGLE</a>
তারপরে আমরা একটি GET বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করার পরে getAttr() পদ্ধতিটি কার্যকর করবে -
<button onclick="getAttr()">GET</button>
getAttr() পদ্ধতিটি আমাদের HTML নথিতে প্রথম উপাদান পেতে নথি বস্তুর getElementByTagName() বৈশিষ্ট্য ব্যবহার করে।
এটি তারপর getAttribute() পদ্ধতি ব্যবহার করে href অ্যাট্রিবিউটের মান পায় এবং সেই মানটিকে একটি ভেরিয়েবলে বরাদ্দ করে। এই মানটি তারপর অনুচ্ছেদে আইডি "নমুনা" এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে প্রদর্শিত হয় -
function getAttr() {
var a = document.getElementsByTagName("a")[0].getAttribute("href");
document.getElementById("Sample").innerHTML = a;
} 