ออบเจ็กต์ HTML DOM source เกี่ยวข้องกับองค์ประกอบ HTML <source> เราสามารถสร้างและเข้าถึงองค์ประกอบ source โดยใช้เมธอด createElement() และ getElementById() ตามลำดับ
ไวยากรณ์
ไวยากรณ์สำหรับการสร้างออบเจ็กต์ 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>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อคลิกปุ่ม CREATE:
คลิก “CREATE”:
