কম্পিউটার

HTML DOM getNamedItem() পদ্ধতি


HTML DOM getNamedItem() পদ্ধতিটি একটি NamedNodeMap অবজেক্ট হিসাবে একটি প্রদত্ত নামের সাথে অ্যাট্রিবিউট নোড পাওয়ার জন্য ব্যবহার করা হয়। সেই নির্দিষ্ট অ্যাট্রিবিউট নোড পেতে আমাদের এই পদ্ধতিটিকে শুধুমাত্র অ্যাট্রিবিউট প্রোপার্টির উপর কল করতে হবে কারণ অ্যাট্রিবিউট প্রোপার্টি একটি তালিকা দেয় যেখান থেকে আমরা getNamedItem() পদ্ধতি ব্যবহার করে একটি নির্দিষ্ট অ্যাট্রিবিউট ফিল্টার করতে পারি।

সিনট্যাক্স

getNamedItem() পদ্ধতি -

-এর জন্য সিনট্যাক্স নিচে দেওয়া হল
namednodemap.getNamedItem(nodename)

এখানে, nodename হল টাইপ স্ট্রিং-এর একটি বাধ্যতামূলক প্যারামিটার মান যা নোডম্যাপে উপস্থিত নোডের নাম নির্দেশ করে।

উদাহরণ

আসুন getNamedItem() পদ্ধতি -

-এর একটি উদাহরণ দেখি
<!DOCTYPE html>
<html>
<body>
<h1>getNamedItem() example</h1>
USERNAME: <input type="text" name="USR">
<br><br>
<button onclick="attrValue()">GET</button>
<p id="Sample"></p>
<script>
   function attrValue() {
      var usr = document.getElementsByTagName("input")[0];
      var val = usr.attributes.getNamedItem("type").value;
      document.getElementById("Sample").innerHTML = "The type attribute value for the input field is: "+val;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM getNamedItem() পদ্ধতি

GET বোতামে ক্লিক করলে -

HTML DOM getNamedItem() পদ্ধতি

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

আমরা প্রথমে type=”text” এবং name=”USR” সহ একটি ইনপুট ফিল্ড তৈরি করেছি।

USERNAME: <input type="text" name="USR">

তারপরে আমরা GET বোতামটি তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করার পরে attrValue() পদ্ধতিটি কার্যকর করবে −

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

attrValue() পদ্ধতিটি ইনপুট উপাদান পেতে getElementsByTagName() পদ্ধতি ব্যবহার করে এবং এটি পরিবর্তনশীল usr-এ বরাদ্দ করে। তারপরে আমরা অ্যাট্রিবিউট প্রোপার্টি ব্যবহার করি যা NodeMap অবজেক্ট হিসাবে সমস্ত অ্যাট্রিবিউটের সংগ্রহ ফিরিয়ে দেয়। অ্যাট্রিবিউট প্রোপার্টির উপর getNamedItem() মেথড কল করলে শুধুমাত্র সেই নির্দিষ্ট অ্যাট্রিবিউট নোড পাওয়া যায়।

getNamedItem() দ্বারা প্রত্যাবর্তিত নির্দিষ্ট নোডে মান বৈশিষ্ট্য ব্যবহার করে, আমরা সেই বৈশিষ্ট্যের মানটি পাই এবং এটি পরিবর্তনশীল val-এ বরাদ্দ করি। তারপর এই মানটি অনুচ্ছেদে আইডি "নমুনা" সহ এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে প্রদর্শিত হয়৷


  1. HTML DOM getElementById() পদ্ধতি

  2. HTML DOM getBoundingClientRect() পদ্ধতি

  3. এইচটিএমএল ডোমে রয়েছে অ্যাট্রিবিউটস() পদ্ধতি

  4. HTML DOM ফোকাস() পদ্ধতি