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;
} 