Menggunakan Properti Head HTML DOM dan Fungsinya
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>.
Sintak:
document.head
Return Values: mengembalikan elemen <head> dari object head.
Berikut adalah ilustrasi program properti document.head pada HTML.
Contoh:
 |
| Ilustrasi Head DOM HTML |
Sebelum memahami lebih dalam materi tentang Menggunakan Properti Head HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Memeriksa Fokus HTML Menggunakan hasFocus DOM [klik], Mendapatkan Nama Tag HTML Menggunakan getElementsByTagName DOM [klik], dan Mendapatkan Nama Elemen HTML Menggunakan getElementsByName DOM [klik].
document.head
Return Values: mengembalikan elemen <head> dari object head.
Baca Juga:
<!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":
Referensi Tambahan:
- Cara Penggunaan Properti lastModified DOM pada HTML [klik]
- 3 Contoh Penggunaan Link Collection pada DOM HTML [klik]
- Cara Penggunaan Method normalize() DOM pada HTML [klik]
- Cara Penggunaan Method normalizeDocument() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method open() pada DOM HTML [klik]
- Cara Penggunaan Method querySelector() DOM pada HTML [klik]
- Cara Penggunaan Properti readyState DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Avina Damayanti, Bahtiar Hendrawan Pradipta, Benaya Mahottama Sasalancana, Brian Hakim Pangestu, dan Cendana Sekar Kumala Yastri.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti head pada dom html?
BalasHapusBerikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti head pada dom html:
Hapus1. Google Chrome 4.0
2. Apple Safari 5.0
3. Firefox 4.0
4. Opera 11.0
5. Internet Explorer 9.0
Apa yang dimaksud dengan head pada html?
BalasHapusPada 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.
HapusApa yang dimaksud dengan properti head dom pada html?
BalasHapusProperti head mengembalikan elemen < head > dari dokumen saat ini.
HapusCatatan: Jika ada lebih dari satu elemen < head > dalam suatu dokumen, maka properti ini akan mengembalikan elemen yang pertama.