Lompat ke konten Lompat ke sidebar Lompat ke footer

Method Script Collection HTMl DOM dan Fungsinya

Script Collection pada DOM HTML digunakan untuk mengembalikan nilai koleksi dari semua elemen <script> pada dokumen html. Elemen script akan diurutkan sesuai dengan kemunculannya pada kode sumber program.


Sebelum memahami lebih dalam materi tentang Method Script Collection HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Mengganti Nama Node HTML Menggunakan renameNode DOM, Menghapus Event Handler HTML Menggunakan removeEventListener DOM, dan Mengembalikan URL HTML Menggunakan Referrer DOM.

Sintak: document.scripts

Value Properti: mengembalikan nilai length tunggal yang merupakan koleksi dari semua elemen script.

Baca Juga:

Method pada script collection, yakni sebagai berikut:
  • [index]: digunakan untuk mengembalikan elemen <script> dari indeks yang diseleksi, yang dimulai dengan nilai 0. Method ini akan mengembalikan nilai NULL jika nilai berada diluar jangkauan.
  • item(index): digunakan untuk mengembalikan elemen <script> dari indeks yang diseleksi, yang dimulai dengan nilai 0. Method ini akan mengembalikan nilai NULL jika nilai berada diluar dari nilai jangkauan.
  • namedItem(id): digunakan untuk mengembalikan elemen <script> dari koleksi dengan diberikan nilai atribut id. Method ini akan mengembalikan nilai NULL jika nilai id bernilai tidak valid.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

scripts collection DOM

</title>

 

<style>

.mkn 

{

font-size:40px;

font-weight:bold;

color:green;}

 

body 

{

text-align:center;

font-family:Times;}

</style>

</head>

 

<body>

 

<

name="" 

class="mkn">

Blog Elfan

</a>

 

<h2>

DOM scripts Collection

</h2>

 

<!-- script content -->

<script>

document.write("makandanmakan");

</script>

 

<br><br>

 

<button 

onclick="bons()">

Submit

</button>

 

<p id="sudo"></p>

 

<!-- script content -->

<script>

function bons() 

{

var x = document.scripts.length;

document.getElementById("sudo").innerHTML =

"Jumlah elemen script: " + x;

}

</script>

 

</body>

 

</html>

Output:
Blog Elfan

DOM scripts Collection




Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

scripts collection DOM

</title>

 

<style>

.mkn 

{

font-size:40px;

font-weight:bold;

color:green;}

 

body 

{

text-align:center;

font-family:Times;}

</style>

</head>

 

<body>

 

<

name="" 

class="mkn">

Blog Elfan

</a>

 

<h2>

scripts Collection DOM

</h2>

 

<!-- script content -->

<script>

document.write("makandanmakan");

</script>

 

<br><br>

 

<button 

onclick="bons()">

Submit

</button>

 

<p id="sudo"></p>

 

<!-- script content -->

<script>

function bons() 

{

var x = document.scripts[0].text;;

document.getElementById("sudo").innerHTML =

"First script Element: " + x;

}

</script>

 

</body>

 

</html>

Output:
Blog Elfan

scripts Collection DOM




Artikel ini didedikasikan kepada: Dika Aryadi, Dimas Alrico, Dina Dwi Ningrum, Dino Arta Cahyono, dan Dya Ayu Sitoresmi.

5 komentar untuk "Method Script Collection HTMl DOM dan Fungsinya"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method script collection dom pada html?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method script collection DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox 9.0
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi script collection pada dom html?

    BalasHapus
    Balasan
    1. Script collection DOM HTML berfungsi untuk mengembalikan koleksi dari semua elemen script pada dokumen html.

      Hapus
    2. Script collection berfungsi untuk return nilai koleksi dari elemen script html.

      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 -