Lompat ke konten Lompat ke sidebar Lompat ke footer

Memeriksa Atribut HTML Menggunakan hasAttributes DOM

Method hasAttribute() DOM pada HTML merupakan atribut tipe fungsi boolean yang mengembalikan dua nilai kondisi, yaitu TRUE atau FALSE, namun tidak keduanya. Method hasAttribute() mengembalikan nilai TRUE jika elemen mengandung atribut, jika tidak maka akan mengembalikan nilai FALSE. Method ini sangat bermanfaat untuk mengetahui apakah suatu elemen pada dokumen memiliki atribut atau tidak didalamnya.

2 Contoh Penggunaan Method hasAttributes() DOM pada HTML
Ilustrasi hasAttributes DOM HTML

Sebelum memahami lebih dalam materi tentang Memeriksa Atribut HTML Menggunakan hasAttributes DOM, terlebih dahulu pelajari materi tentang: Mengembalikan Posisi Relatif HTML getBoundingClientRect DOM [klik], Mendapatkan Atribut Node HTML Menggunakan getAttributeNode DOM [klik], dan Mendapatkan Nilai Atribut HTML Menggunakan getAttribute DOM [klik].

Sintak:
node.hasAttributes()

Parameter: tidak mengandung jenis parameter apapun pada penggunaan method hasAttribute().

Baca Juga:

Return Value: berfungsi untuk mengembalikan nilai TRUE jika elemen mengandung suatu atribut tertentu, jika tidak maka akan mengembalikan nilai FALSE.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Method hasAttributes() DOM

</title>

</head>

 

<body>

<center>

 

<h1 style = "color:green;width:50%;" id = "sudo">

Blog Elfan

</h1>

 

<h2>

Method hasAttributes() DOM

</h2>

 

<p>

Klik tombol untuk memeriksa 

apakah elemen body memiliki 

atribut atau tidak.

</p>

 

<button 

type = "button" 

onclick = "Bons()">

Submit

</button>

 

<script>

function Bons() 

{

var s = document.body.hasAttributes();

document.getEl

ementById('mkn').innerHTML = s;

}

</script>

 

<p id = "mkn"></p>

 

</center>

</body>

 

</html>


Contoh:

<!DOCTYPE html>

<html>

 

<head id = "rk">

<title>

Method hasAttributes() DOM

</title>

</head>

 

<body>

<center>

 

<h1 style = "color:green;width:50%;" id = "sudo">

Blog Elfan

</h1>

 

<h2>

Method hasAttributes() DOM

</h2>

 

<p>

Klik pada tombol untuk 

memeriksa apakah elemen head 

memiliki atribut atau tidak.

</p>

 

<button 

type = "button" 

onclick = "Bons()">

Submit

</button>

 

<script>

function Bons() 

{

var s = document.head.hasAttributes();

document.getElementById('mkn').innerHTML = s;

}

</script>

 

<p id = "mkn"></p>

 

</center>

</body>

 

</html>


Artikel ini didedikasikan kepada: Hesthi Mutiara Purwaningtyas, Ika Annisa Fitri Astuti, Indah Ayu Wulandari, Inge Indah Wijayatri, dan Intan Kurnia Putri.

5 komentar untuk "Memeriksa Atribut HTML Menggunakan hasAttributes DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method hasAttributes() DOM pada HTML?

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

      Hapus
  2. Apa fungsi method hasAttribute() DOM pada HTML?

    BalasHapus
    Balasan
    1. Method hasAttribute() DOM pada HTML berfungsi untuk mengembalikan nilai TRUE jika atribut yang ditentukan ada, dan akan menjadi FALSe jika atribut yang ditentukan ternyata tidak ada.

      Tips: gunakan setAttribute() untuk menambahkan atribut baru atau mengubah nilai atribut yang ada pada sebuah elemen.

      Hapus
    2. Method hasAttribute() berfungsi untuk mengembalikan nilai Boolean yang menunjukkan apakah elemen yang telah ditentukan sebelumnya memiliki atribut atau tidak.

      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 -