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>

विशेषताफनक () फ़ंक्शन को इसके साथ जुड़े आईडी "LIST" के साथ तत्व मिलता है और इसका दूसरा विशेषता नाम विशेषता.नाम संपत्ति के साथ मिलता है। दूसरी अनुक्रमणिका में विशेषता नाम तब पैराग्राफ में "नमूना" आईडी के साथ प्रदर्शित होता है -

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

AttrLenght () फ़ंक्शन को इसके साथ जुड़े आईडी "LIST" के साथ तत्व भी मिलता है और उन विशेषताओं की संख्या प्राप्त करता है जो विशिष्ट तत्व में विशेषताओं का उपयोग करते हैं। लंबाई, जो हमारे मामले में 4 देता है। फिर मान 4 को पैराग्राफ में id SAMPLE के साथ प्रदर्शित किया जाता है -

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