Computer >> Máy Tính >  >> Lập trình >> HTML

Đối tượng nguồn HTML DOM

Đối tượng nguồn HTML DOM được liên kết với phần tử HTML . Chúng ta có thể tạo và truy cập phần tử nguồn bằng cách sử dụng phương thức createElement () và getElementById () tương ứng.

Cú pháp

Sau đây là cú pháp cho -

Tạo đối tượng nguồn -

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

Ví dụ

Chúng ta hãy xem một ví dụ cho đối tượng nguồn -

<!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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Đối tượng nguồn HTML DOM

Khi nhấp vào nút TẠO -

Nhấp vào “TẠO” -

Đối tượng nguồn HTML DOM