HTML DOM বৈশিষ্ট্য বৈশিষ্ট্য

এইচটিএমএল ডম একটি এইচটিএমএল ট্যাগের মধ্যে অ্যাট্রিবিউটের সাথে সম্পর্কিত বৈশিষ্ট্যগুলি একটি প্রদত্ত নোডের বৈশিষ্ট্যগুলির একটি সংগ্রহকে নেমডনোডম্যাপ ধরণের একটি বস্তুর আকারে প্রদান করে। এই নোডগুলি অ্যাক্সেস করতে আমরা সূচক নম্বরগুলি ব্যবহার করতে পারি। ইন্ডেক্সিং 0 থেকে শুরু হয়।

সিনট্যাক্স

নিম্নলিখিত HTML DOM বৈশিষ্ট্য বৈশিষ্ট্যের জন্য সিনট্যাক্স রয়েছে -

node.attributes

উদাহরণ

আসুন বৈশিষ্ট্য বৈশিষ্ট্যের একটি উদাহরণ দেখি -

<!DOCTYPE html>
<html>
<body>
<p>Click the button the second attribute of the below list</p>
<button id="Btn" onclick="attributeFunc()">ATTR NAME</button>
<button id="Btn" onclick="attrLength()">ATTR LENGTH</button>
<ol id="LIST" type="A" start="5" reversed>
<li>ONE</li>
<li>TWO</li>
<li>THREE</li>
</ol>
<p id="SAMPLE"></p>
<script>
   function attributeFunc() {
      var x = document.getElementById("LIST").attributes[2].name;
      document.getElementById("SAMPLE").innerHTML = x;
   }
   function attrLength(){
      var x = document.getElementById("LIST").attributes.length;
      document.getElementById("SAMPLE").innerHTML = x;
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

HTML DOM বৈশিষ্ট্য বৈশিষ্ট্য

ATTR NAME বোতামে ক্লিক করার পর -

HTML DOM বৈশিষ্ট্য বৈশিষ্ট্য

ATTR LENGTH বাটনে ক্লিক করার পর -

HTML DOM বৈশিষ্ট্য বৈশিষ্ট্য

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

আমরা প্রথমে অ্যাট্রিবিউট আইডি, টাইপ এবং রিভার্সড অ্যাট্রিবিউট সহ একটি অর্ডার করা তালিকা তৈরি করেছি।

<ol id="LIST" type="A" start="5" reversed>
<li>ONE</li>
<li>TWO</li>
<li>THREE</li>
</ol>

তারপরে আমরা দুটি বোতাম তৈরি করেছি ATTR NAME এবং ATTR LENGTH ফাংশনগুলি যথাক্রমে অ্যাট্রিবিউট ফাঙ্ক() এবং attrLength() চালানোর জন্য৷

<button id="Btn" onclick="attributeFunc()">ATTR NAME</button>
<button id="Btn" onclick="attrLength()">ATTR LENGTH</button>

attributeFunc() ফাংশনটি আইডি "LIST" এর সাথে যুক্ত উপাদানটি পায় এবং attributes.name প্রপার্টির সাথে এর 2য় অ্যাট্রিবিউটের নাম পায়। 2য় সূচকের বৈশিষ্ট্যের নামটি তারপর অনুচ্ছেদে আইডি "নমুনা" সহ প্রদর্শিত হয় -

function attributeFunc() {
   var x = document.getElementById("LIST").attributes[2].name;
   document.getElementById("SAMPLE").innerHTML = x;
}

attrLenght() ফাংশনটি এটির সাথে যুক্ত আইডি "LIST" সহ উপাদানটিও পায় এবং attributes.length ব্যবহার করে নির্দিষ্ট উপাদানের বৈশিষ্ট্যগুলির সংখ্যা পায়, যা আমাদের ক্ষেত্রে 4 প্রদান করে। মান 4 তারপর অনুচ্ছেদে আইডি SAMPLE −

সহ প্রদর্শিত হয়

function attrLength(){
   var x = document.getElementById("LIST").attributes.length;
   document.getElementById("SAMPLE").innerHTML = x;
}