Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Menggunakan Properti Head HTML DOM dan Fungsinya

Dipublikasikan Oleh: elfanmauludi 6 komentar
Properti head pada HTML digunakan untuk mengembalikan kondisi pertama dari head pada multiple head dalam dokumen HTML. Properti ini mengembalikan referensi dari object head, yang merepresentasikan elemen <head>.


Sebelum memahami lebih dalam materi tentang Menggunakan Properti Head HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Memeriksa Fokus HTML Menggunakan hasFocus DOM, Mendapatkan Nama Tag HTML Menggunakan getElementsByTagName DOM, dan Mendapatkan Nama Elemen HTML Menggunakan getElementsByName DOM.

Sintak: document.head

Return Values: mengembalikan elemen <head> dari object head.

Baca Juga:

Berikut adalah ilustrasi program properti document.head pada HTML.

Contoh:

<!DOCTYPE html>

<html>

 

<head 

id="Article Head">

<title>

Properti document.head() DOM 

pada HTML

</title>

 

<style>

h1 

{

color:green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align:center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti document.head DOM

</h2>

 

<p>

Untuk menampilkan head pada 

dokumen, klik tombol "View 

Head":

</p>

 

<button 

ondblclick="myHead()">

View Head

</button>

 

<p id="head"></p>

 

<script>

function myHead() 

{

var mkn = document.head.id;

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

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti document.head DOM

Untuk menampilkan head pada dokumen, klik tombol "View Head":


Artikel ini didedikasikan kepada: Avina Damayanti, Bahtiar Hendrawan Pradipta, Benaya Mahottama Sasalancana, Brian Hakim Pangestu, dan Cendana Sekar Kumala Yastri.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

6 komentar untuk "Menggunakan Properti Head HTML DOM dan Fungsinya"

  1. AnonimSabtu, 25 Desember 2021 pukul 08.03.00 WIB

    Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti head pada dom html?

    BalasHapus
    Balasan
    1. AnonimSabtu, 25 Desember 2021 pukul 08.04.00 WIB

      Berikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti head pada dom html:
      1. Google Chrome 4.0
      2. Apple Safari 5.0
      3. Firefox 4.0
      4. Opera 11.0
      5. Internet Explorer 9.0

      Hapus
  2. AnonimSelasa, 04 Januari 2022 pukul 09.49.00 WIB

    Apa yang dimaksud dengan head pada html?

    BalasHapus
    Balasan
    1. AnonimSelasa, 04 Januari 2022 pukul 09.49.00 WIB

      Pada file HTML, head adalah bagian pertama dalam kode program yang berisi informasi tentang properti halaman web dan tautan ke file eksternal yang saling berkaitan. COntoh, pada head html, user dapat memiliki judul halaman, tag meta, kode CSS, tag Open Graph, dan kode JavaScript.

      Hapus
  3. AnonimSelasa, 04 Januari 2022 pukul 09.50.00 WIB

    Apa yang dimaksud dengan properti head dom pada html?

    BalasHapus
    Balasan
    1. AnonimSelasa, 04 Januari 2022 pukul 09.51.00 WIB

      Properti head mengembalikan elemen < head > dari dokumen saat ini.

      Catatan: Jika ada lebih dari satu elemen < head > dalam suatu dokumen, maka properti ini akan mengembalikan elemen yang pertama.

      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 -