2 Contoh Penggunaan Properti Lang DOM pada HTML

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.

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

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

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.

Komentar

  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

Posting Komentar

*Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C