HTML DOM name प्रॉपर्टी HTML में इनपुट बटन के name एट्रिब्यूट का मान रिटर्न और बदलती है।
सिंटैक्स
निम्नलिखित सिंटैक्स है −
1. name रिटर्न करना
object.name
2. name बदलना
object.name=”text”
यहां, “text” इनपुट बटन के नए नाम को दर्शाता है।
उदाहरण
आइए name प्रॉपर्टी का एक उदाहरण देखें −
<!DOCTYPE html> <html> <head> <title>HTML DOM name प्रॉपर्टी</title> <style> body{ text-align:center; } .btn{ display:block; margin:1rem auto; background-color:#db133a; color:#fff; border:1px solid #db133a; padding:0.5rem; border-radius:50px; width:80%; } .show-name{ font-weight:bold; font-size:1.4rem; color:#ffc107; } </style> </head> <body> <h1>name प्रॉपर्टी उदाहरण</h1> <input type="submit" onclick="setName()" class="btn" value="मेरा नाम एट्रिब्यूट मान बदलने के लिए मुझे क्लिक करें" name="Red_Button"> <div class="show-name"></div> <script> function setName() { var btn= document.querySelector(".btn"); document.querySelector(".show-name").innerHTML ="पिछला नाम = " + btn.name; document.querySelector(".btn").name = "Round_Red_Button"; } </script> </body> </html>आउटपुट
यह निम्नलिखित आउटपुट देगा -
“इंस्पेक्ट एलिमेंट” निम्नलिखित प्रदर्शित करता है −
अब, लाल बटन के name एट्रिब्यूट का मान बदलने के लिए “मेरा नाम एट्रिब्यूट मान बदलने के लिए मुझे क्लिक करें” पर क्लिक करें।
इंस्पेक्ट एलिमेंट −
