এইচটিএমএল ডোম Button অবজেক্ট
বাটন অবজেক্ট
বাটন অবজেক্ট এইচটিএমএল <button> এলিমেন্টকে প্রতিনিধিত্ব করে।
বাটন অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <button> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("button");
var b = document.createTextNode("ক্লিক করুন");
a.appendChild(b);
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
বাটন অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <button> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button type="button" id="test" onclick="myFunc()">ক্লিক করুন</button>
<p id="test2"></p>
<script>
function myFunc() {
var a = document.getElementById("test");
a.disabled = true;
}
</script>
</body>
</html>ফলাফল
বাটন অবজেক্ট প্রোপার্টি
= এইচটিএমএল(৫) এ নতুন যুক্ত হয়েছে।
| প্রোপার্টি | বর্ণনা |
|---|---|
| autofocus | পেজ লোড হলে বাটন সক্রিয়ভাবে ফোকাস হবে কিনা তা এট বা রিটার্ন করে। |
| disabled | একটি বাটন disabled হবে কিনা তা সেট বা রিটার্ন করে। |
| form | একটি ফর্মের রেফারেন্স রিটার্ন করে যাতে বাটন থাকবে। |
| formAction | একটি বাটনের formaction এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| formEnctype | একটি বাটনের formEnctype এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| formMethod | একটি বাটনের formMethod এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| formNoValidate | সাবমিটের সময় ফর্ম-ডাটাগুলোর বৈধতা যাচাই করবে কিনা তা সেট বা রিটার্ন করে। |
| formTarget | একটি বাটনের formTarget এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| name | একটি বাটনের name এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| type | একটি বাটনের টাইপ সেট বা রিটার্ন করে। |
| value | একটি বাটনের value এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |