Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Judul HTML Menggunakan Title DOM

Properti title DOM pada HTML digunakan untuk mengembalikan nilai title atau judul dari dokumen html dan juga mengatur nilai dari title pada dokumen. Properti title pada DOM HTML digunakan untuk menentukan nilai informasi dari sebuah title atau judul pada dokumen.

2 Contoh Penggunaan Properti Title DOM pada HTML
Ilustrasi Properti Title DOM HTML

Sebelum memahami lebih dalam materi tentang Membuat Judul HTML Menggunakan Title DOM, terlebih dahulu pelajari materi tentang: Memeriksa Error HTML Menggunakan strictErrorChecking DOM [klik], Method Script Collection HTML DOM dan Fungsinya [klik], dan Mengganti Nama Node HTML Menggunakan renameNode DOM [klik].

Sintak:
  • Digunakan untuk mengembalikan nilai properti title, document.title
  • Digunakan untuk mengatur nilai dari properti title, document.title = newTitle

Properti: mengandung sebuah nilai baru dari title yang digunakan untuk mengembalikan nilai title dari sebuah dokumen.

Baca Juga:

Return Value: mengembalikan sebuah nilai string yang merepresentasikan nilai title dari suatu elemen.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti title DOM

</title>

 

<style>

h1 

{

color:green;}

 

body 

{

text-align:center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti title DOM

</h2>

 

<button 

onclick="bons()">

Submit

</button>

 

<p id="sudo"></p>

 

<script>

function bons() 

{

var x = document.title;

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

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti title DOM


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti title DOM

</title>

 

<style>

h1 

{

color:green;}

 

body

{

text-align:center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti title DOM

</h2>

 

<button 

onclick="bons()">

Submit

</button>

 

<p id="sudo"></p>

 

<script>

function bons() 

{

document.getElementById("sudo").innerHTML =

"New DOM Title";

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti title DOM


Artikel ini didedikasikan kepada: Dina Dwi Ningrum, Dino Arta Cahyono, Dya Ayu Sitoresmi, Dyah Ayu Shofiati, dan Eka Wahyuningtyas.

5 komentar untuk "Membuat Judul HTML Menggunakan Title DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti title pada dom html?

    BalasHapus
    Balasan
    1. Berikut beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti title dom pada html:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan properti title dom pada html?

    BalasHapus
    Balasan
    1. Properti judul atau properti title dapat digunakan untuk menetapkan atau mengembalikan nilai atribut judul dari suatu elemen. Atribut judul dapat digunakan untuk menentukan informasi tambahan tentang suatu elemen.

      Hapus
    2. Properti title DOM digunakan untuk mengembalikan title dari dokumen html dan juga digunakan untuk menetapkan nilai judul dalam suatu dokumen.

      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 -