এইচটিএমএল ডোম Source অবজেক্ট
Source অবজেক্ট
Source অবজেক্ট এইচটিএমএল(৫)-এ নতুন।
Source অবজেক্ট এইচটিএমএল <source> এলিমেন্টকে কে প্রতিনিধিত্ব করে ।
একটি Source অবজেক্ট তৈরী করি
document.createElement() মেথড ব্যবহারের মাধ্যমে আপনি একটি <source> এলিমেন্ট তৈরী করতে পারবেন:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<audio controls id="test">
Your browser does not support audio tag.
</audio>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("source");
a.setAttribute("src", "../../lib/audio/sweet_bird_sound.mp3");
a.setAttribute("type", "audio/mpeg");
document.getElementById("test").appendChild(a);
}
</script>
</body>
</html>ফলাফল
source অবজেক্ট এক্সসেস
getElementById() ব্যবহারের মাধ্যমে আপনি একটি <source> এলিমেন্ট এক্সসেস করতে পারবেন:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<audio controls>
Your browser does not support audio tag.
<source id="test" src="../../lib/audio/sweet_bird_sound.mp3" type="audio/mpeg">
</audio>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc(){
var a = document.getElementById("test").src;
alert(a);
}
</script>
</body>
</html>ফলাফল
Source অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| media | মিডিয়া এট্রিবিউটের ভ্যালু একটি <source> এলিমেন্টের মধ্যে সেট করে অথবা রিটার্ন করে । |
| src | src এট্রিবিউটের ভ্যালু একটি <source> এলিমেন্টের মধ্যে সেট করে অথবা রিটার্ন করে । |
| type | type এট্রিবিউটের ভ্যালু একটি <source> এলিমেন্টের মধ্যে সেট করে অথবা রিটার্ন করে । |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |