HTML DOM 소스 객체

<시간/>

HTML DOM 소스 개체는 HTML 요소와 연결됩니다. createElement() 및 getElementById() 메서드를 각각 사용하여 소스 요소를 만들고 액세스할 수 있습니다.

구문

다음은 −

의 구문입니다.

소스 개체 만들기 -

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

예시

소스 개체의 예를 살펴보겠습니다. -

<!DOCTYPE html>
<html>
<body>
<h1>Source object example</h1>
<audio id="AUDIO_1" controls >
</audio>
<p>Add a audio source for the above element by clicking the below element.</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 소스 객체

CREATE 버튼 클릭 시 -

"만들기"를 클릭하십시오 -

HTML DOM 소스 객체