Pada kesempatan kali ini saya akan menjelaskan cara mengambil isi text element html dengan javascript. Perlu teman-teman ketahui sebelumnya, di JavaScript sudah tersedia html dom property untuk mengambil isi text atau content dari suatu element. Selain itu properti tersebut dapat menetapkan atau mengembalikan konten teks dari node yang ditentukan, dan semua turunannya. Jika Anda mengatur properti textContent, setiap node anak akan dihapus dan diganti oleh satu simpul teks yang berisi string yang ditentukan.

Pada contoh kasus disini saya memiliki 4 buah menu, dimana jika salah satu dari menu tersebut di tekan maka akan mengambil isi content menu tersebut. Langsung saja untuk membuatnya kalian bisa langsung ikuti tahapan dibawah ini.

Berikut Tahapannya :

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html
  • Ketikan seperti kode dibawah ini

  • Jika sudah simpan terlebih dahulu file index.html tersebut dan lihat hasilnya dibrowser kesayangan kalian.

Sampai disini penjelasan saya mengenai cara mengambil isi text element html dengan javascript, semoga bermanfaat.