2 Contoh Penggunaan Atribut Properti DOM pada HTML

Properti atribut pada DOM HTML berfungsi untuk mengembalikan kelompok atribut node yang ditentukan berdasarkan object NamedNodeMap. Object NamedNodeMap merepresentasikan koleksi dari atribut object dan membuatnya dapat diakses sesuai dengan nomor indeks yang dimulai dari angka 0.

Sintak:
node.attributes

Return Value: berfungsi untuk mengembalikan object NamedNodeMap yang merupakan bagian dari koleksi node.

Catatan: pada tipe Internet Explorer 8 dan versi sebelumnya, atribut properti akan mengembalikan sebuah koleksi dari segala kemungkinan atribut untuk elemen yang akan menghasilkan nilai tertinggi daripada yang diperkirakan.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Atribut DOM pada HTML

</title>

</head>

 

<body>

 

<!-- Pengaturan Gambar -->

<img 

id = "MKN" 

src =

"https://1.bp.blogspot.com/-mhjmreJwUG4/YGfcp6l6BxI/AAAAAAAANpQ/qBy8tiBe1qMEtMDBHUXM1yhhkhgPGUmPgCLcBGAsYHQ/s2048/logo%2Bsman%2B8%2Bsemarang.png" >

 

<br>

 

<button 

onclick = "mydons()">

Properti Atribut DOM

</button>

 

<p id = "demo"></p>

 

<script>

function mydons() 

{

// Mengembalikan angka dari 

// node

var x = document.getElementById("MKN").attributes.length;

 

// Menampilkan angka dari node

document.getElementById("demo").innerHTML = x;

}

</script>

 

</body>

 

</html>

Output:


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Atribut DOM pada HTML

</title>

</head>

 

<body>

 

<h2>

Properti Atribut DOM pada HTML

</h2>

 

<button 

id="MKN" 

onclick="myDons()">

Klik Disini!

</button>

 

<br>

<br>

 

<span>

Tombol Elemen Atribut:

</span>

 

<span id="sudo"></span>

 

<script>

function myDons() 

{

// Mengembalikan angka dari 

// node

var mkn =

document.getElementById("MKN").attributes.length;

 

// Menampilkan angka dari node

document.getElementById("sudo").innerHTML = mkn;

}

</script>

 

</body>

 

</html>

Output:

Properti Atribut DOM pada HTML



Tombol Elemen Atribut:

Komentar

  1. Apa yang dimaksud dengan atribut properti DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan atribut properti DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Apple Safari

      Hapus
  2. Apa yang dimaksud dengan atribut pada DOM HTML?

    BalasHapus
    Balasan
    1. Atribut merupakan informasi tambahan yang dapat dimasukkan ke dalam HTML untuk menginisialisasi properti DOM tertentu. Properti tersebut terbentuk ketika browser memparsing HTML dan menghasilkan DOM. Setiap elemen dalam DOM memiliki kumpulan propertinya sendiri yang semuanya diatur oleh browser.

      Hapus
  3. Apa perbedaan antara properti dan atribut pada DOM HTML?

    BalasHapus
    Balasan
    1. Atribut didefinisikan oleh HTML, sedangkan properti didefinisikan oleh DOM. Peran utama atribut adalah untuk menginisialisasi properti DOM. Jadi setelah proses inisialisasi DOM selesai, maka pekerjaan dari atributpun selesai.

      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