Lompat ke konten Lompat ke sidebar Lompat ke footer

Embed Collection HTML DOM dan Fungsinya

Properti DOM embed collection digunakan untuk mengembalikan koleksi dari semua elemen embed. Elemen pada koleksi dirurutkan menurut kemunculannya pada source code. Properti DOM embed collection bersifat read-only.


Sebelum memahami lebih dalam materi tentang Embed Collection HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Mengetahui Nama Domain HTML Menggunakan Properti Domain DOM, Memeriksa Mode Dokumen HTMl Menggunakan documentMode DOM, dan Membuat Elemen Dokumen HTML Menggunakan documentElement DOM.

Sintak: document.embeds

Properti: mengandung nilai panjang yang mengembalikan angka dari elemen pada dokumen.

DOM embed collection mengandung tiga method yang diperlihatkan sebagai berikut.
  • [index]: digunakan untuk mengembalikan elemen dari indeks yang diseleksi. Nilai indeks dimulai dari angka 0. Method ini akan mengembalikan nilai NULL, jika nilai indeks berada diluar dari jangkauan.
  • item(index): digunakan untuk mengembalikan elemen <embed> dari indeks yang diseleksi. Nilai indeks dimulai dari angka 0. Method ini akan mengembalikan nilai NULL, jika nilai indeks berada diluar dari jangkauan.
  • namedItem(id): digunakan untuk mengembalikan elemen <embed> dari koleksi yang telah diberikan atribut id. Method ini akan mengembalikan nilai NULL, jika id bernilai tidak valid.

Return Values: object HTMLCollection merepresentasikan semua elemen <embed> pada dokumen. Elemen pada koleksi diurutkan berdasarkan kemunculannya pada source code.

Baca Juga:

Accepted Properties:
  • HTML DOM embed properti width: digunakan untuk mengatur atau mengembalikan nilai dari atribut width.
  • HTML DOM embed properti type: digunakan untuk mengatur atau mengembalikan nilai dari tipe atribut pada elemen embed.
  • HTML DOM embed properti src: digunakan untuk mengatur atau mengembalikan nilai dari atribut src pada elemen embed.
  • HTML DOM embed properti height: digunakan untuk mengatur atau mengembalikan nilai dari atribut height.

Contoh: ilustrasi penggunaan dari DOM embed collection untuk mendapatkan total angka dari embed elemen.

<!DOCTYPE html>

<html>

 

<head>

<title>

DOM embed Collection

</title>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

HTML DOM embed Collection

</h2>

 

<embed src="carbon.swf">

<embed src="carbon.swf">

 

<button onclick="bons()">

Count

</button>

 

<p id="cnt"></p>

 

<script>

function bons() 

{

var x = document.embeds.length;

document.getElementById("cnt").innerHTML =

"Jumlah dari elemen embed adalah:" + x;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

HTML DOM embed Collection


Contoh: ilustrasi penggunaan fungsi dari DOM embed collection untuk mendapatkan URL untuk embed file flash.

<!DOCTYPE html>

<html>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h3>

HTML DOM embed Collection

</h3>

 

<embed 

id="mknEmbed" 

src="mkn.swf">

 

<p>

Klik pada tombol untuk melihat 

URL untuk embed flash file.

</p>

 

<button 

onclick="mkn()">

Klik Disini!

</button>

 

<p id="show"></p>

 

<script>

function mkn() 

{

var g = document.getElementById("mknEmbed").src;

document.getElementById("show").innerHTML = "URL: " + g;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

HTML DOM embed Collection

Klik pada tombol untuk melihat URL untuk embed flash file.


Artikel ini didedikasikan kepada: Angga Nanda Pratama, Anggie Putri Septi Mardiyana, Annisa Amalia, Annisa Diah Kusuma Piri, dan Annisa Noor Rahmawati.

6 komentar untuk "Embed Collection HTML DOM dan Fungsinya"

  1. Kenapa tampilan flash tidak muncul?

    BalasHapus
    Balasan
    1. Karena penggunaan flash sudah tidak didukung lagi penggunaannya pada html, terutama pada html5.

      Hapus
  2. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan DOM Embed Collection pada html?

    BalasHapus
    Balasan
    1. Berikut beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan Properti DOM Embed Collection pada html:
      1. Google Chrome 93.0 & terbaru.
      2. Internet Explorer 11.0.
      3. Microsoft Edge 93.0.
      4. Firefox 92.0 & above.
      5. Opera 79.0.
      6. Safari 14.1.

      Hapus
  3. Apa fungsi embed collection pada DOM html?

    BalasHapus
    Balasan
    1. Embed collection berfungsi untuk mengembalikan koleksi dari semua elemen pada dokumen html. Catatan: elemen dalam koleksi diurutkan berdasarkan urutan kemunculannya pada kode sumber program atau source code.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -