HTML DOM getAttributeNode() একটি প্রদত্ত এলিমেন্ট অ্যাট্রিবিউট নোডকে Attr অবজেক্ট হিসেবে ফেরত দেওয়ার জন্য ব্যবহার করা হয়। বিভিন্ন Attr অবজেক্টের বৈশিষ্ট্য এবং পদ্ধতি ব্যবহার করে, আপনি বৈশিষ্ট্যগুলি ম্যানিপুলেট করতে পারেন।
সিনট্যাক্স
getAttributeNode() পদ্ধতি −
-এর জন্য সিনট্যাক্স নিচে দেওয়া হলelement.getAttributeNode(attributename)
এখানে, অ্যাট্রিবিউটের নাম হল টাইপ স্ট্রিং-এর একটি বাধ্যতামূলক প্যারামিটার যা আমরা যে অ্যাট্রিবিউট নামটি ফেরত দিতে চাই তা নির্দিষ্ট করে৷
উদাহরণ
আসুন getAttributeNode() পদ্ধতি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<script>
function getAttrNode(){
var a = document.getElementsByTagName("a")[0].getAttributeNode("href");
var val=a.value;
document.getElementById("Sample").innerHTML = val;
}
</script>
</head>
<body>
<h1>getAttributeNode() 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="getAttrNode()">GET</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
GET বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে "https://www.google.com"-এ "https://www.google.com" সেট করা href অ্যাট্রিবিউট মান সহ একটি অ্যাঙ্কর উপাদান তৈরি করেছি৷
<a href="https://www.google.com">GOOGLE</a>
তারপরে আমরা একটি GET বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে getAttrNode() কার্যকর করবে −
<button onclick="getAttrNode()">GET</button>
getAttrNode() পদ্ধতিটি HTML নথিতে প্রথম অ্যাঙ্কর উপাদান পেতে getElementByTagName() পদ্ধতি ব্যবহার করে। তারপর এটি প্যারামিটার মান "href" সহ getAttributeNode(“href”) পদ্ধতি ব্যবহার করে।
getAttributeNode() পদ্ধতি একটি attr অবজেক্ট ফেরত দেয় যা href অ্যাট্রিবিউটের প্রতিনিধিত্ব করে এবং এটিকে ভেরিয়েবল a-এ বরাদ্দ করে। তারপর আমরা attr অবজেক্ট “value” প্রপার্টি ব্যবহার করে ভ্যারিয়েবল ভ্যালে href অ্যাট্রিবিউট মান নির্ধারণ করি। প্রাপ্ত href অ্যাট্রিবিউটের মান অনুচ্ছেদে প্রদর্শিত হয় আইডি "নমুনা" এর অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে −
function getAttrNode(){
var a = document.getElementsByTagName("a")[0].getAttributeNode("href");
var val=a.value;
document.getElementById("Sample").innerHTML = val;
} 