Lompat ke konten Lompat ke sidebar Lompat ke footer

Properti Lang HTML DOM dan Fungsinya

Pada dokumen HTML, properti lang digunakan untuk mengatur atau mengembalikan nilai dari atribut lang pada elemen HTML. Atribut ini menentukan kode bahasa dari konten elemen yang digunakan, dimana atribut elemen mengambil "en" untuk bahasa Inggris, "ja" untuk bahasa Jepang, "es" untuk bahasa Spanyol, dan lain sebagainya. Nilai default dari atribut properti lang adalah tidak diketahui atau unknown.

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

Sebelum memahami lebih dalam materi tentang Properti Lang HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Memeriksa Fitur Pendukung HTML Menggunakan isSupported DOM [klik], Memeriksa Kesamaan Node HTML Menggunakan isSameNode DOM [klik], dan Memeriksa Node Senilai HTML Menggunakan isEqualNode DOM [klik].

Sintak:
  • Mendapatkan nilai dari lang: HTMLElementObject.lang;
  • Mengatur nilai baru untuk lang: HTMLElementObject.lang = language_code;

Property Values: language_code digunakan untuk menentukan kode bahasa untuk konten elemen. Properti ini akan mengembalikan sebuah string yang merepresentasikan bahasa dari teks elemen.

Baca Juga:

Return Value: mengembalikan sebuah string, yang merupakan representasi bahasa dari teks elemen.

Contoh: menentukan nilai dari kode bahasa.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti lang DOM HTML

</title>

</head>

 

<body>

 

<

id="para1" 

lang="en">

Klok tombol untuk menampilkan

kode bahasa dari paragraf.

</p>

 

<button onclick="myFunction()">

Tampilkan Bahasa

</button>

 

<p id="para2"></p>

 

<script>

function myFunction() 

{

var x = document.getElementById("para1").lang;

 

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

}

</script>

 

</body>

 

</html>

Output:

Klok tombol untuk menampilkan kode bahasa dari paragraf.



Penjelasan: pada contoh sebelumnya dilakukan pengambilan kode bahasa dari paragraf pertama dan dilakukan penetapan bahasa untuk paragraf kedua.

Contoh: dilakukan pemeriksaan nilai dari kode bahasa.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti lang DOM HTML

</title>

</head>

 

<body>

 

<p id="para1" lang="ja">

Klik tombol untuk menampilkan 

kode bahasa dari paragraf.

</p>

 

<button 

onclick="myFunction()">

Tampilkan bahasa

</button>

 

<p id="para2"></p>

 

<script>

function myFunction() 

{

 

if (document.getElementById("para1").lang === "ja"

{

document.getElementById("para2").innerHTML =

"Japanese";

 

else 

{

document.getElementById("demo").innerHTML =

"Not in Japanese";

}

 

}

</script>

 

</body>

 

</html>

Output:

Klik tombol untuk menampilkan kode bahasa dari paragraf.


Artikel ini didedikasikan kepada: Khalista Dhia Athifa, Kharisma Rais Sutarno, Khoirul Ansor, Kholifa Haidira, dan Kiki Nirmalasari.

6 komentar untuk "Properti Lang HTML DOM dan Fungsinya"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti lang DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti lang DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi properti lang DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti lang DOM pada HTML digunakan untuk mementukan kode bahasa dari konten elemen. Contoh umum adalah kode "en" yang digunakan untuk pengenal bahasa Inggris, "es" untuk bahasa Spanyol, "fr" untuk bahasa Prancis dan seterusnya.

      Hapus
  3. Apa yang dilakukan atribut lang pada html?

    BalasHapus
    Balasan
    1. Atribut lang pada HTML digunakan untuk mengidentifikasi bahasa konten teks pada website. Informasi tersebut selanjutnya digunakan untuk membantu mesin telusur untuk mengembalikan hasil spesifik suatu bahasa, dan juga digunakan oleh pembaca layar yang mengganti profil bahasa untuk memberikan aksen dan pengucapan yang benar.

      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 -