Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM hasAttributes() मेथड

HTML DOM hasAttributes() मेथड जांचता है कि किसी तत्व में कोई attributes हैं या नहीं। यह true लौटाता है यदि तत्व में कोई attribute है और यदि नहीं है तो false लौटाता है। यदि इस मेथड को एलिमेंट नोड के अलावा किसी अन्य नोड पर कॉल किया जाता है, तो लौटाया गया मान हमेशा false होगा।

सिंटैक्स

hasAttributes() मेथड के लिए सिंटैक्स:

node.hasAttributes()

उदाहरण

आइए hasAttributes() मेथड का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>hasAttributes() उदाहरण</h1> 
<p>इस पैराग्राफ में कोई attributes नहीं हैं</p> 
<button onclick="containsAttr()">CHECK</button> 
<p id="Sample">ऊपर दिए गए पैराग्राफ का hasAttribute मान: </p> 
<script> 
  function containsAttr() { 
    var p = document.getElementsByTagName("P")[0]; 
    document.getElementById("Sample").innerHTML+=p.hasAttributes(); 
  } 
</script> </body> </html>

आउटपुट

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

HTML DOM hasAttributes() मेथड

CHECK बटन पर क्लिक करने पर:

HTML DOM hasAttributes() मेथड

उदाहरण की व्याख्या

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

  • हमने एक पैराग्राफ बनाया जिसमें कोई attributes नहीं जुड़े हैं:
<p>इस पैराग्राफ में कोई attributes नहीं हैं</p>
  • फिर हमने CHECK बटन बनाया जो यूज़र द्वारा क्लिक किए जाने पर checkAttr() मेथड को एक्ज़िक्यूट करता है:
<button onclick="containsAttr()">CHECK</button>
  • containsAttr() मेथड getElementsByTagName() मेथड का उपयोग करके पहला <p> तत्व प्राप्त करता है और इंडेक्स का उपयोग करके पहला तत्व प्राप्त करता है और इसे वेरिएबल p में असाइन करता है। फिर यह वेरिएबल p पर hasAttributes() मेथड को कॉल करता है और false लौटाता है क्योंकि हमारे पहले <p> तत्व में कोई attributes नहीं हैं। यह मान id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके जोड़ा जाता है:
function containsAttr() { 
  var p = document.getElementsByTagName("P")[0]; 
  document.getElementById("Sample").innerHTML+=p.hasAttributes(); 
}
  1. HTML DOM getElementById() मेथड HTML DOM getElementById() मेथड

    HTML DOM getElementById() मेथड का उपयोग किसी तत्व को id को पैरामीटर के रूप में इस फंक्शन में पास करके लौटाने के लिए किया जाता है। यह बाद में मैनिपुलेट करने के लिए तत्वों को प्राप्त करने के लिए सबसे अधिक उपयोग किए जाने वाले और आसान मेथड्स में से एक है। यदि निर्दिष्ट Id मौजूद नहीं है, तो यह NULL लौटात

  1. HTML DOM getBoundingClientRect() मेथड HTML DOM getBoundingClientRect() मेथड

    HTML DOM getBoundingClientRect() का उपयोग व्यूपोर्ट की स्थिति के सापेक्ष किसी तत्व का आकार लौटाने के लिए किया जाता है। यह DOMRect प्रकार का एक ऑब्जेक्ट लौटाता है जिसमें आठ गुण होते हैं: left, top, right, bottom, x, y, width, height। बाउंडिंग आयत की स्थिति स्क्रॉलिंग स्थिति बदलने पर बदलती है। सिंटैक

  1. HTML DOM focus() मेथड HTML DOM focus() मेथड

    HTML DOM focus() मेथड का उपयोग किसी HTML तत्व को फोकस देने के लिए किया जाता है। फोकस सभी HTML तत्वों पर लागू नहीं किया जा सकता। उदाहरण के लिए: आप <p> टैग को फोकस नहीं कर सकते। किसी तत्व से फोकस हटाने के लिए blur() मेथड का उपयोग करें। सिंटैक्स सिंटैक्स निम्नलिखित है: HTMLElementObject.focus()