2 Contoh Penggunaan Properti textContent DOM pada HTML

Properti textContent DOM pada HTML digunakan untuk mengembalikan teks konten dari node spesifik dan semua turunannya. Properti textContent adalah sama dengan properti nodeValue, dimana perbedaannya adalah pada properti nodeValue mengembalikan nilai teks dari semua node child, sedangkan pada properti textContent adalah sebaliknya.

Sintak:
  • digunakan untuk mengaktur tek dari suatu node: node.textContent = text
  • digunakan untuk mengembalikan nilai dari teks node: node.textContent

Property Value: mengandung teks nilai tunggal yang berisi node dari node konten.

Return Value: berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan teks konten dari node tertentu dan semua turunannya.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti textContent DOM HTML

</title>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti textContent DOM HTML

</h2>

 

<button 

id = "Cinchau" 

onclick = "MyCinchau()">

Submit

</button>

 

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

 

<script>

function MyCinchau() 

{

var text =

document.getElementById("Cinchau").textContent;

 

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

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti textContent DOM HTML



Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti textContent DOM HTML

</title>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti textContent DOM HTML

</h2>

 

<

id = "cinChau" 

onclick = "MycinChau()">

Hello cinChau!

</p>

 

<script>

function MycinChau() 

{

document.getElementById("cinChau").textContent

= "Welcome to Ambarawa!";

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti textContent DOM HTML

Hello cinChau!

Komentar

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

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

      Hapus
  2. Apa yang dimaksud dengan properti textContent DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti textContent merupakan properti DOM HTML yang digunakan untuk mengantur konten teks untuk elemen HTML atau untuk membuat konten teks ditulis di dalam elemen tersebut. Jika user mengatur nilai teks menggunakan properti textContent untuk sebuah elemen, maka nilai elemen turunan lainnya akan dihapus dan hanya teks yang diatur tersebut yang akan ditambahkan pada elemen.

      Hapus
    2. Properti textContent digunakan untuk mengatur atau mengembalikan nilai teks konten dari node yang telah ditentukan sebelumnya, seberta semua nilai turunannya. Jika user mengatur properti textContent, maka node turunan apapun akan dihapus dan diganti nilainya dengan node teks tunggal yang berisi string yang telah ditentukan.

      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