কম্পিউটার টিউটোরিয়াল

HTML DOM Fieldset অবজেক্ট


HTML DOM Fieldset অবজেক্ট <fieldset> এলিমেন্টকে রিপ্রেজেন্ট করে।

প্রপার্টি

Fieldset অবজেক্টের প্রপার্টিগুলো:

প্রপার্টিবিবরণ
disabledfieldset ডিজেবল আছে কিনা সেট বা রিটার্ন করতে
formদেয়া fieldset ধারণকারী ফর্মের রেফারেন্স রিটার্ন করতে
namefieldset-এর name অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে
typefieldset এলিমেন্টের টাইপ রিটার্ন করতে

সিনট্যাক্স

fieldset এলিমেন্ট তৈরির সিনট্যাক্স:

var p = document.createElement("FIELDSET");

উদাহরণ

HTML DOM Fieldset অবজেক্টের উদাহরণ:

<!DOCTYPE html> <html> <head> <script>    function createField() {       var f = document.createElement("FIELDSET");       var txt = document.createTextNode("FIELDSET element created");       f.appendChild(txt);       document.body.appendChild(f);    } </script> </head> <body> <h2>Fieldset অবজেক্ট উদাহরণ</h2> <p>নিচের বাটনে ক্লিক করে fieldset এলিমেন্ট তৈরি করুন</p> <button onclick="createField()">CREATE</button> <br><br> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM Fieldset অবজেক্ট

CREATE বাটনে ক্লিক করলে:

HTML DOM Fieldset অবজেক্ট

উপরের উদাহরণে:

প্রথমে CREATE বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে createField() ফাংশন এক্সিকিউট করবে:

<button onclick="createField()">CREATE</button>

createField() ফাংশন ডকুমেন্ট অবজেক্টের createElement() মেথড ব্যবহার করে <fieldset> এলিমেন্ট তৈরি করে এবং f ভেরিয়েবলে অ্যাসাইন করে। তারপর createTextNode() মেথড ব্যবহার করে একটি টেক্সট নোড তৈরি করে এবং appendChild() মেথড ব্যবহার করে টেক্সট নোডকে <fieldset> এলিমেন্টের চাইল্ড বানায়। শেষে fieldset এলিমেন্টটি তার টেক্সট নোড চাইল্ডসহ ডকুমেন্টের বডির চাইল্ড হিসেবে অ্যাপেন্ড করা হয়েছে:

function createField() {    var f = document.createElement("FIELDSET");    var txt = document.createTextNode("FIELDSET element created");    f.appendChild(txt);    document.body.appendChild(f); }

  1. HTML DOM DFN অবজেক্ট

  2. HTML DOM HR অবজেক্ট

  3. HTML DOM Object অবজেক্ট

  4. HTML DOM Ul অবজেক্ট