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.
Sintak:
Properti: mengandung sebuah nilai baru dari title yang digunakan untuk mengembalikan nilai title dari sebuah dokumen.
Return Value: mengembalikan sebuah nilai string yang merepresentasikan nilai title dari suatu elemen.
Contoh:
 |
| 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].
- 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:
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
Referensi Tambahan:
- 2 Contoh Penggunaan Method appendChild() DOM pada HTML [klik]
- 2 Contoh Penggunaan Atribut Properti DOM pada HTML [klik]
- Cara Penggunaan Method blur() DOM pada HTML [klik]
- Cara Penggunaan Properti childElementCount DOM pada HTML [klik]
- 3 Contoh Penggunaan Properti childNodes DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Children DOM pada HTML [klik]
- 3 Contoh Penggunaan Properti classList DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Dina Dwi Ningrum, Dino Arta Cahyono, Dya Ayu Sitoresmi, Dyah Ayu Shofiati, dan Eka Wahyuningtyas.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti title pada dom html?
BalasHapusBerikut beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti title dom pada html:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti title dom pada html?
BalasHapusProperti 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.
HapusProperti title DOM digunakan untuk mengembalikan title dari dokumen html dan juga digunakan untuk menetapkan nilai judul dalam suatu dokumen.
Hapus