HTML DOM বোতাম নামের বৈশিষ্ট্যটি উপাদানটির নামের বৈশিষ্ট্যের সাথে যুক্ত। নাম বৈশিষ্ট্য বোতামের নাম বৈশিষ্ট্যের মান সেট বা ফেরত দিতে ব্যবহৃত হয়। জাভাস্ক্রিপ্ট ব্যবহার করে একটি উপাদান নির্বাচন করতে ফর্মগুলিতে নামের বৈশিষ্ট্যটি ব্যবহার করা হয়। সিনট্যাক্স −-এর সিনট্যাক্স নিচে দেওয়া হল নামের বৈশিষ্ট্য − সেট করা হচ্ছে buttonObject.name = 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> আউটপুট এটি নিম্নলিখিত আউটপুট − তৈরি করবে চেঞ্জ--এ ক্লিক করলে উপরের উদাহরণে - আমরা প্রথমে “button1” এবং নাম “btn1” সহ একটি বোতাম তৈরি করেছি <button id="Button1">BUTTON</button> তারপরে আমরা CHANGE বোতামটি তৈরি করেছি যেটি মেথড চেঞ্জ() ক্লিকে কার্যকর করে। <button onclick="change()">CHANGE</button> change() ফাংশনটি "button1" আইডি সহ বোতাম উপাদান পায় এবং এর নাম বৈশিষ্ট্যের মান পরিবর্তন করে "সেকেন্ড বোতাম"। বোতামটির নামের মানটি তারপর পরিবর্তনশীল x-এ বরাদ্দ করা হয় এবং অবশেষে আইডি "নমুনা" সহ অনুচ্ছেদে প্রদর্শিত হয় function change() { document.getElementById("button1").name="SECOND BUTTON"; var x=document.getElementById("button1").name; document.getElementById("Sample").innerHTML="The new button name is "+x; }