HTML DOM बटन ऑब्जेक्ट
गुण
HTML DOM बटन ऑब्जेक्ट के गुण निम्नलिखित हैं -
संपत्ति | <थ>विवरण|
---|---|
ऑटोफोकस | यह सेट करने या वापस करने के लिए कि पृष्ठ लोड होने पर बटन स्वचालित रूप से केंद्रित है या नहीं। |
अक्षम | यह सेट करने या वापस करने के लिए कि दिया गया बटन अक्षम है या नहीं। |
फ़ॉर्म | बटन वाले फ़ॉर्म का संदर्भ वापस करने के लिए। |
फॉर्मएक्शन | एक बटन के फॉर्मएक्शन विशेषता मान को सेट या वापस करने के लिए। |
formEnctype | किसी बटन के formEnctype विशेषता मान को सेट या वापस करने के लिए। |
फॉर्मविधि | किसी बटन के formMethod विशेषता मान को सेट या वापस करने के लिए। |
formNoValidate | यह सेट करने या वापस करने के लिए कि फॉर्म डेटा को जमा करने पर मान्य किया जाना चाहिए या नहीं। |
फ़ॉर्म लक्ष्य | बटन के फॉर्म लक्ष्य विशेषता मान को सेट या वापस करने के लिए। |
नाम | बटन के नाम विशेषता मान को सेट या वापस करने के लिए। |
टाइप करें | बटन प्रकार सेट करने या वापस करने के लिए। |
मान | बटन मान सेट करने या वापस करने के लिए। |
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैएक बटन ऑब्जेक्ट बनाना -
var x = document.createElement("BUTTON");
उदाहरण
आइए हम HTML DOM बटन ऑब्जेक्ट का एक उदाहरण देखें -
<!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>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट -
. पर क्लिक करने पर
उपरोक्त उदाहरण में -
हमने सबसे पहले एक बटन एलिमेंट क्रिएट बनाया है। यह बटन क्लिक करने पर बटनक्रिएट () फ़ंक्शन निष्पादित करेगा।
<button onclick="buttonCreate()">CREATE</button>
बटन क्रिएट () विधि एक बटन तत्व बनाने के लिए दस्तावेज़ ऑब्जेक्ट की createElement () विधि का उपयोग करती है और इसे वेरिएबल x को असाइन करती है। क्रिएट एलिमेंट का उपयोग करके एक टेक्स्ट नोड बनाया जाता है और वेरिएबल t को असाइन किया जाता है। टेक्स्ट नोड टी को तब एपेंडचाइल्ड विधि का उपयोग करके बटन में जोड़ा जाता है। उसके बाद उसके चाइल्ड टेक्स्ट नोड के साथ बटन को document.body.appendChild() विधि का उपयोग करके दस्तावेज़ के मुख्य भाग में एक बच्चे के रूप में जोड़ा जाता है।
function buttonCreate() { var x = document.createElement("BUTTON"); var t = document.createTextNode("NEW BUTTON"); x.appendChild(t); document.body.appendChild(x); }