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

एचटीएमएल डोम कंसोल.ग्रुप () विधि

<घंटा/>

HTML DOM कंसोल.ग्रुप () विधि का उपयोग संदेश समूह की शुरुआत को इंगित करने के लिए किया जाता है और इस विधि के बाद लिखे गए सभी संदेशों को संदेश समूह के अंदर लिखा जाएगा। यह लेबल पैरामीटर का उपयोग करके सभी संदेशों या कई समूहों के लिए एक समूह बनाने की अनुमति देता है।

सिंटैक्स

कंसोल.ग्रुप () विधि के लिए सिंटैक्स निम्नलिखित है -

console.group([label])

यहां, लेबल एक वैकल्पिक पैरामीटर है। यह स्ट्रिंग प्रकार का होता है और बनाए गए संदेश समूह के लिए एक लेबल के रूप में कार्य करता है।

उदाहरण

आइए HTML DOM कंसोल.ग्रुप () विधि के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>console.group() Method</h1>
<p>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="normMessage()">NORMAL</button>
<button type="button" onclick="groupMessage()">GROUP</button>
<script>
   function normMessage(){
      console.log("Hello world!");
   }
   function groupMessage(){
      console.group();
      console.log("This message will be inside a group!");
      console.log("This message will also be inside a group!");
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम कंसोल.ग्रुप () विधि

नॉर्मल बटन पर क्लिक करने और कंसोल को देखने पर -

एचटीएमएल डोम कंसोल.ग्रुप () विधि

ग्रुप बटन पर क्लिक करने और कंसोल को देखने पर -

एचटीएमएल डोम कंसोल.ग्रुप () विधि

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

हमने दो बटन NORMAL और GROUP बनाए हैं जो उपयोगकर्ता द्वारा क्लिक किए जाने पर मानदंड () और groupMessage () विधि को निष्पादित करेंगे।

<button type="button" onclick="normMessage()">NORMAL</button>
<button type="button" onclick="groupMessage()">GROUP</button>

नॉर्ममैसेज () विधि में कंसोल.लॉग () विधि है जो एक पैरामीटर के रूप में आपूर्ति की गई स्ट्रिंग या ऑब्जेक्ट को लेती है और इसे केवल कंसोल पर प्रदर्शित करती है -

function normMessage(){
   console.log("Hello world!");
}

GroupMessage () विधि में इसके अंदर कंसोल.ग्रुप () विधि है जो बताती है कि इस बिंदु के बाद लिखे गए सभी संदेश एक संदेश समूह के अंदर प्रदर्शित होंगे:

function groupMessage(){
   console.group();
   console.log("This message will be inside a group!");
   console.log("This message will also be inside a group!");
}

  1. एचटीएमएल डोम कंसोल.ग्रुपएंड () विधि

    HTML DOM कंसोल.ग्रुपएंड () विधि का उपयोग संदेश समूह के अंत को इंगित करने के लिए किया जाता है। यह कंसोल में वर्तमान संदेश समूह से बाहर निकलता है। सिंटैक्स Follwing कंसोल.ग्रुपएंड () विधि के लिए सिंटैक्स है - console.groupEnd() उदाहरण आइए हम HTML DOM कंसोल के लिए एक उदाहरण देखें।ग्रुपएंड () विधि - &

  1. HTML DOM कंसोल.ग्रुपकोलैप्ड () विधि

    HTML DOM console.groupCollapsed() विधि एक संक्षिप्त संदेश समूह की शुरुआत निर्दिष्ट करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - console.groupCollapsed(label) यहाँ, लेबल समूह के लिए लेबल है। उदाहरण आइए कंसोल के लिए एक उदाहरण देखें।ग्रुपकोलैप्ड () विधि - <!DOCTYPE html> <html> <body&

  1. HTML डोम createEvent () विधि

    HTML DOM createEvent () विधि का उपयोग एक ईवेंट ऑब्जेक्ट बनाने के लिए किया जाता है जिसका प्रकार पैरामीटर में निर्दिष्ट किया जाएगा। बनाए गए ईवेंट का उपयोग करने से पहले इसे प्रारंभ किया जाना चाहिए। किसी HTML तत्व को ईवेंट भेजने के लिए आपको उस निर्दिष्ट नोड पर डिस्पैचइवेंट () विधि का उपयोग करना होगा। सि