HTML DOM Button অবজেক্ট

HTML DOM Button অবজেক্ট <button> এলিমেন্টের সাথে যুক্ত।

প্রোপার্টি

HTML DOM button অবজেক্টের প্রোপার্টিগুলো নিচে দেওয়া হলো:

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

একটি বাটন অবজেক্ট তৈরি করা:

var x = document.createElement("BUTTON");

উদাহরণ

HTML DOM button অবজেক্টের একটি উদাহরণ দেখি:

<!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 ভেরিয়েবলে অ্যাসাইন করে। create element ব্যবহার করে একটি টেক্সট নোড তৈরি করা হয় এবং 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); }