HTML DOM में विशेषताएँ () विधि है

<घंटा/>

HTML DOM में एट्रिब्यूट्स () विधि यह जांचती है कि किसी तत्व में कोई विशेषता है या नहीं। यदि तत्व में कोई विशेषता है तो यह सही है और यदि नहीं है तो यह गलत है। यदि इस विधि को तत्व नोड के अलावा किसी अन्य नोड पर कहा जाता है, तो लौटाया गया मान हमेशा गलत होगा।

सिंटैक्स

hasAttributes() विधि के लिए सिंटैक्स निम्नलिखित है -

node.hasAttributes()

उदाहरण

आइए हम hasAttributes() विधि के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>hasAttributes() example</h1>
<p>This paragraph has no attributes</p>
<button onclick="containsAttr()">CHECK</button>
<p id="Sample">The paragraph above hasAttribute value : </p>
<script>
   function containsAttr() {
      var p = document.getElementsByTagName("P")[0];
      document.getElementById("Sample").innerHTML+=p.hasAttributes();
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

HTML DOM में विशेषताएँ () विधि है

चेक बटन पर क्लिक करने पर -

HTML DOM में विशेषताएँ () विधि है

उपरोक्त उदाहरण में -

हमने एक ऐसा पैराग्राफ बनाया है, जिससे कोई एट्रिब्यूट नहीं जुड़ा है -

<p>This paragraph has no attributes</p>

फिर हमने CHECK बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर checkAttr () विधि को निष्पादित करता है -

<button onclick="containsAttr()">CHECK</button>

इसमें शामिल है () विधि getElementsByTagName () विधि का उपयोग करके पहला

तत्व प्राप्त करती है और पहला तत्व प्राप्त करने के लिए सूचकांक का उपयोग करती है और इसे चर p को असाइन करती है। यह तब चर p पर hasAttributes () विधि को कॉल करता है और हमारे पहले

तत्व में कोई विशेषता नहीं होने के कारण झूठी वापसी करता है। इस मान को इसकी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में जोड़ा गया है:

function containsAttr() {
   var p = document.getElementsByTagName("P")[0];
   document.getElementById("Sample").innerHTML+=p.hasAttributes();
}