কম্পিউটার টিউটোরিয়াল

HTML DOM getAttributeNode() মেথড


HTML DOM getAttributeNode() একটি প্রদত্ত এলিমেন্টের অ্যাট্রিবিউট নোড Attr অবজেক্ট হিসেবে রিটার্ন করতে ব্যবহৃত হয়। Attr অবজেক্টের বিভিন্ন প্রপার্টি এবং মেথড ব্যবহার করে অ্যাট্রিবিউট ম্যানিপুলেট করা যায়।

সিনট্যাক্স

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

element.getAttributeNode(attributename)

এখানে, 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() উদাহরণ</h1> <a href="https://www.google.com">GOOGLE</a> <p>উপরের লিংকের href অ্যাট্রিবিউটের মান পেতে নিচের বাটনে ক্লিক করুন</p> <button onclick="getAttrNode()">GET</button> <p id="Sample"></p> </body> </html>

আউটপুট

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

HTML DOM getAttributeNode() মেথড

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

HTML DOM getAttributeNode() মেথড

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

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

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

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

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

getAttrNode() মেথড getElementByTagName() মেথড ব্যবহার করে HTML ডকুমেন্টের প্রথম অ্যানকর এলিমেন্ট পাওয়া। তারপর getAttributeNode(“href”) মেথড “href” প্যারামিটার মান দিয়ে কল করা।

getAttributeNode() মেথড href অ্যাট্রিবিউট রিপ্রেজেন্টকারী একটি attr অবজেক্ট রিটার্ন করে এবং a ভেরিয়েবলে অ্যাসাইন করা। attr অবজেক্টের “value” প্রপার্টি ব্যবহার করে href অ্যাট্রিবিউটের মান val ভেরিয়েবলে অ্যাসাইন করা। প্রাপ্ত href অ্যাট্রিবিউটের মান id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি ব্যবহার করে প্রদর্শন করা হয়েছে:

function getAttrNode(){    var a = document.getElementsByTagName("a")[0].getAttributeNode("href");    var val=a.value;    document.getElementById("Sample").innerHTML = val; }

  1. HTML DOM getBoundingClientRect() মেথড

  2. HTML DOM getAttributeNode() মেথড

  3. HTML DOM hasAttributes() মেথড

  4. HTML DOM focus() মেথড