3 Method Script Collection Beserta 2 Contoh Penerapannya pada HTML

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.

Sintak:
document.scripts

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

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



Komentar

  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

Posting Komentar

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

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C