HTML DOM বোতাম বস্তুটি
সম্পত্তি
HTML DOM বোতাম অবজেক্ট -
-এর জন্য নিম্নলিখিত বৈশিষ্ট্যগুলি রয়েছে৷| সম্পত্তি | বিবরণ |
|---|---|
| অটোফোকাস | পৃষ্ঠা লোড হওয়ার সময় একটি বোতাম স্বয়ংক্রিয়ভাবে ফোকাস করা হয় কি না তা সেট করতে বা ফেরত দিতে। |
| অক্ষম৷ | প্রদত্ত বোতামটি অক্ষম করা আছে কি না তা সেট করতে বা ফেরত দিতে। |
| ফর্ম | বোতামটি সম্বলিত ফর্মের রেফারেন্স ফেরত দিতে। |
| ফর্ম অ্যাকশন | একটি বোতামের ফর্মঅ্যাকশন অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে। |
| formEnctype | একটি বোতামের formEnctype অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে। |
| ফর্ম পদ্ধতি | একটি বোতামের ফর্মমেথড অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে। |
| formNoValidate | জমা দেওয়ার সময় ফর্ম ডেটা যাচাই করা উচিত কিনা তা সেট করতে বা ফেরত দিতে৷ |
| formTarget | বোতামের ফর্মটার্গেট অ্যাট্রিবিউট মান সেট করতে বা ফেরত দিতে। |
| নাম | বোতামের নাম বৈশিষ্ট্য মান সেট করতে বা ফেরত দিতে। |
| টাইপ | বোতামের ধরন সেট করতে বা ফেরত দিতে। |
| মান | বোতামের মান সেট করতে বা ফেরত দিতে। |
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি বোতাম বস্তু তৈরি করা -
var x = document.createElement("BUTTON"); উদাহরণ
আসুন HTML DOM বাটন অবজেক্ট -
এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<p>Click on the below button to create a BUTTON element</p>
<button onclick="buttonCreate()">CREATE</button>
<br><br>
<script>
function buttonCreate() {
var x = document.createElement("BUTTON");
var t = document.createTextNode("NEW BUTTON");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে

CREATE -
-এ ক্লিক করলে

উপরের উদাহরণে -
আমরা প্রথমে একটি বাটন উপাদান তৈরি করেছি CREATE। এই বোতামটি ক্লিক করলে buttonCreate() ফাংশনটি কার্যকর করবে।
<button onclick="buttonCreate()">CREATE</button>
buttonCreate() মেথডটি ডকুমেন্ট অবজেক্টের createElement() মেথড ব্যবহার করে একটি বোতাম এলিমেন্ট তৈরি করে এবং এটি পরিবর্তনশীল x এ বরাদ্দ করে। ক্রিয়েট এলিমেন্ট ব্যবহার করে একটি টেক্সট নোড তৈরি করা হয় এবং ভ্যারিয়েবল t-এ বরাদ্দ করা হয়। টেক্সট নোড t তারপর appendchild পদ্ধতি ব্যবহার করে বোতামে যুক্ত করা হয়। এর চাইল্ড টেক্সট নোড সহ বোতামটি তারপর document.body.appendChild() পদ্ধতি ব্যবহার করে ডকুমেন্ট বডিতে একটি শিশু হিসাবে যুক্ত করা হয়।
function buttonCreate() {
var x = document.createElement("BUTTON");
var t = document.createTextNode("NEW BUTTON");
x.appendChild(t);
document.body.appendChild(x);
}