HTML DOM Button name প্রোপার্টি <button> এলিমেন্টের name অ্যাট্রিবিউটের সাথে যুক্ত। name প্রোপার্টি বাটনের name অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে ব্যবহৃত হয়। name অ্যাট্রিবিউট ফর্মে জাভাস্ক্রিপ্ট ব্যবহার করে একটি এলিমেন্ট সিলেক্ট করতে ব্যবহৃত হয়।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
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; }
