HTML DOM Button name प्रॉपर्टी <button> एलिमेंट के name एट्रिब्यूट से जुड़ी है। name प्रॉपर्टी का उपयोग बटन के name एट्रिब्यूट के मान को सेट या लौटाने के लिए किया जाता है। name एट्रिब्यूट का उपयोग फॉर्म्स में JavaScript का उपयोग करके एक एलिमेंट का चयन करने के लिए किया जाता है।
सिंटैक्स
निम्नलिखिक सिंटैक्स है -
name प्रॉपर्टी सेट करना -
buttonObject.name = name
यहां, name प्रॉपर्टी मान बटन के नाम को दर्शाने के लिए उपयोग किया जाता है।
उदाहरण
आइए button name प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <button id="button1" name="btn1">BUTTON</button> <p>Click the button below and change the above button name.</p> <button onclick="change()">CHANGE</button> <p id="Sample"></p> <script> function change() { document.getElementById("button1").name="SECOND BUTTON"; var x=document.getElementById("button1").name; document.getElementById("Sample").innerHTML="The new button name is "+x; } </script> </body> </html>
आउटपुट
यह निम्नलिखिक आउटपुट उत्पन्न करेगा -
CHANGE पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले id “button1” और name “btn1” के साथ एक बटन बनाया
<button id="Button1">BUTTON</button>
फिर हमारे पास CHANGE बटन है जो क्लिक पर change() मेथड को निष्पादित करता है।
<button onclick="change()">CHANGE</button>
change() फ़ंक्शन id “button1” वाले बटन एलिमेंट को प्राप्त करता है और इसके name एट्रिब्यूट मान को “SECOND BUTTON” में बदल देता है। बटन का name मान फिर वेरिएबल x को असाइन किया जाता है और अंत में id “Sample” वाले पैराग्राफ में प्रदर्शित किया जाता है
function change() { document.getElementById("button1").name="SECOND BUTTON"; var x=document.getElementById("button1").name; document.getElementById("Sample").innerHTML="The new button name is "+x; }
