HTML DOM name প্রপার্টি ইনপুট বাটনের name অ্যাট্রিবিউটের মান রিটার্ন করে এবং পরিবর্তন করতে দেয়।
সিনট্যাক্স
নেম পাওয়ার জন্য:
object.name
নেম পরিবর্তন করার জন্য:
object.name = "text"
এখানে text ইনপুট বাটনের নতুন নাম নির্দেশ করে।
উদাহরণ
<!DOCTYPE html> <html> <head> <title>HTML DOM name Property</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 Property Example</h1> <input type="submit" onclick="setName()" class="btn" value="Click me to change my Name attribute value" name="Red_Button"> <div class="show-name"></div> <script> function setName() { var btn= document.querySelector(".btn"); document.querySelector(".show-name").innerHTML ="Previous Name = " + btn.name; document.querySelector(".btn").name = "Round_Red_Button"; } </script> </body> </html>
আউটপুট
নিচের আউটপুটটি দেখাবে:
"Inspect Element" নিচের মতো দেখাবে:
এখন "Click me to change my Name attribute value" বাটনে ক্লিক করলে লাল বাটনের name অ্যাট্রিবিউটের মান পরিবর্তন হবে।
Inspect Element:
