HTML DOM source অবজেক্ট

ভূমিকা

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

সিনট্যাক্স

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

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

উদাহরণ

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

<!DOCTYPE html> <html> <body> <h1>Source object example</h1> <audio id="AUDIO_1" controls > </audio> <p>নিচের এলিমেন্টে ক্লিক করে উপরের এলিমেন্টের জন্য একটি অডিও সোর্স যোগ করুন.</p> <button onclick="createSrc()">CREATE</button> <p id="Sample"></p> <script>    function createSrc() {       var s = document.createElement("SOURCE");       s.setAttribute("src", "sample.mp3");       s.setAttribute("type", "audio/mpeg");       document.getElementById("AUDIO_1").appendChild(s);       document.getElementById("Sample").innerHTML="The audio control will work now";    } </script> </body> </html>

আউটপুট

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

HTML DOM source অবজেক্ট

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

Click "CREATE" -

HTML DOM source অবজেক্ট