HTML DOM Button ऑब्जेक्ट

HTML DOM Button ऑब्जेक्ट <button> एलिमेंट से जुड़ा हुआ है।

प्रॉपर्टीज

HTML DOM button ऑब्जेक्ट के लिए निम्नलिखिक प्रॉपर्टीज हैं -

सिंटैक्स

निम्नलिखिक सिंटैक्स है -

एक बटन ऑब्जेक्ट बनाना -

var x = document.createElement("BUTTON");

उदाहरण

आइए HTML DOM button ऑब्जेक्ट का एक उदाहरण देखें -

<!DOCTYPE html> <html> <body> <p>Click on the below button to create a BUTTON element</p> <button onclick="buttonCreate()">CREATE</button> <br><br> <script>    function buttonCreate() {       var x = document.createElement("BUTTON");       var t = document.createTextNode("NEW BUTTON");       x.appendChild(t);       document.body.appendChild(x);    } </script> </body> </html>

आउटपुट

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

CREATE पर क्लिक करने पर -

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

हमने पहले CREATE बटन एलिमेंट बनाया है। यह बटन क्लिक पर buttonCreate() फ़ंक्शन को निष्पादित करेगा।

<button onclick="buttonCreate()">CREATE</button>

buttonCreate() मेथड document ऑब्जेक्ट के createElement() मेथड का उपयोग करके एक बटन एलिमेंट बनाता है और इसे वेरिएबल x को असाइन करता है। create element का उपयोग करके एक टेक्स्ट नोड बनाया जाता है और इसे वेरिएबल t को असाइन किया जाता है। टेक्स्ट नोड t को फिर appendchild मेथड का उपयोग करके बटन में जोड़ा जाता है। अपने चाइल्ड टेक्स्ट नोड के साथ बटन को फिर document.body.appendChild() मेथड का उपयोग करके document body के चाइल्ड के रूप में जोड़ा जाता है।

function buttonCreate() {    var x = document.createElement("BUTTON");    var t = document.createTextNode("NEW BUTTON");    x.appendChild(t);    document.body.appendChild(x); }