Properti Dir HTML DOM dan Fungsinya
Properti dir pada DOM HTML digunakan untuk mengatur atau mengembalikan nilai dari atribut dir pada elemen. Properti ini mendefinisikan arah dari teks pada konten elemen.
Sintak:
Return Values: berfungsi untuk mengembalikan arah dari teks.
Properti:
 |
| Ilustrasi Properti dir DOM HTML |
Sebelum memahami lebih dalam materi tentang Properti Dir HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Properti Contains DOM HTML dan Fungsinya [klik], Membandingkan Posisi Dokumen HTML compareDocumentPosition DOM [klik], dan Menduplikasi Node HTML Menggunakan cloneNode DOM [klik].
- HTMLElementObject.dir
- HTMLElementObject.dir = "ltr|rtl|auto"
Properti:
- ltr: merupakan nilai default dan digunakan untuk mengembalikan arah teks dari kiri ke kanan.
- rtl: merupakan nilai yang digunakan untuk mengembalikan arah teks dari kanan ke kiri.
Baca Juga:
Contoh: mengubah arah dari teks.
xcxc<!DOCTYPE html>
<html>
<head>
<title>
Properti dir DOM HTML
</title>
<style>
button
{
margin-left: 270px;}
</style>
</head>
<body>
<h1 style="color:green;font-weight:bold;text-align:center;">
Blog Elfan
</h1>
<h2 style="color:green;font-weight:bold;text-align:center">
Properti dir DOM
</h2>
<p i
d="sudo"
dir="ltr">
<b>
Blog TIK, merupakan portal
ilmu komputer.
</b>
</p>
<button
onclick="Bons()">
Submit
</button>
<p id="MKN"></p>
<script>
function Bons()
{
var g = document.getElementById("sudo").dir = "rtl";
document.getElementById("MKN").innerHTML = "The Text-direction
was changed from ltr to " + g;
}
</script>
</body>
</html>
Output:Blog Elfan
Properti dir DOM
Blog TIK, merupakan portal ilmu komputer.
Referensi Tambahan:
- 2 Contoh Penggunaan Method getAttribute() DOM pada HTML [klik]
- Cara Penggunaan Method getAttributeNode() DOM pada HTML [klik]
- 8 Properti Penggunaan Method getBoundingClientRect() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method hasAttributes() DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti ID DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti innerHTML DOM [klik]
- 2 Contoh Penggunaan Properti innerText DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Ferry Afid Nugroho, Fina Maghfirotussaadah, Fitri Ekma Setyobekti, Gracia Sandra Nourma Yunita, dan Habibah Dwi Yunisari Harsono.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti dir pada DOM HTML?
BalasHapusBerikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti dir pada DOM HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti dir DOM pada HTML?
BalasHapusProperti dir digunakan untuk menetapkan atau mengembalikan atribut dir dari suatu elemen, juga berfungsi untuk menentukan arah dari suatu teks.
HapusApa yang dimaksud dengan atribut dir, apakah berbeda dari properti dir?
BalasHapusIya berbeda, atribut dir digunakan untuk menentukan arah teks dari konten elemen.
Hapus