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 ऑब्जेक्ट