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

HTML DOM Span অবজেক্ট


ভূমিকা

HTML DOM span অবজেক্ট HTML <span> এলিমেন্টের সাথে জড়িত। আমরা createElement() এবং getElementById() মেথড যথাক্রমে ব্যবহার করে span এলিমেন্ট তৈরি এবং অ্যাক্সেস করতে পারি।

সিনট্যাক্স

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

var a = document.createElement("SPAN");

উদাহরণ

নিচে span অবজেক্টের একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <body> <h1>Span object example</h1> <p>নিচের বাটনে ক্লিক করে একটি span এলিমেন্ট তৈরি করুন</p> <button onclick="createSpan()">CREATE</button> <p>This is some text inside a p element</p> <script>    function createSpan() {       var s = document.createElement("SPAN");       var txt = document.createTextNode("This is some text inside the span element");       s.appendChild(txt);       document.body.appendChild(s);    } </script> </body> </html>

আউটপুট

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

HTML DOM Span অবজেক্ট

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

HTML DOM Span অবজেক্ট

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

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

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

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