Pada kesempatan kali ini saya akan menjelaskan Cara Mendapatkan Semua Text Element List Di JavaScript. Perlu teman-teman ketahui sebelumnya, untuk mendapatkan suatu text di element kalian bisa menggunakan property innerText dan property textContent. Dari keduanya sama-sama berfungsi untuk menetapkan atau mengembalikan konten teks dari node yang ditentukan, beserta dengan semua turunannya. Dan untuk node anak mana pun akan dihapus dan diganti oleh satu simpul Teks yang berisi string yang kalian tentukan.

Dari kedua property tersebut hanya bisa untuk menetapkan atau mengembalikan data berupa string atau text, apabila diantara data atau text tersebut terdapat tag-tag berupa html maka akan dianggap string atau text biasa sehingga tidak dapat mempengaruhi element tersebut. Seperti contoh, saya menetapkan nilain konten dari suatu element list seperti berikut

Sehingga dari kode tersebut, jika dijalankan akan menghasilkan output seperti berikut :

Terlihat seperti pada output tersebut, dimana tag HTML yang digabungkan kedalam konten tersebut akan diabaikan dan akan dianggap atau dtampilkan berupa text biasa.

Pada penjelasan yang saya contohkan disini, dimana untuk penerapannya kurang lebih sama seperti cara diatas, namun ada beberapa kasus yang sedikit berbeda, dimana pada kasus tersebut saya memiliki element list sebanyak 12 buah dan akan saya tampilkan semua konten dari masing-masing element list secara bergantian. Namun untuk penerapannya tentu berbeda dengan cara diatas, jika cara diatas masih terbilang manual dan yang mau saya terapkan disini adalah otomatis yang dimana nantinya membutuhkan perulangan.

Langsung saja, untuk membuatnya kalian bisa ikuti penjelasan saya dibawah ini. Berikut Tahapannya :

  • Kalian buat satu buah file index.html terlebih dahulu
  • Jika sudah, buka dengan tools pemrograman kalian dan ketikan kode seperti dibawah ini :

  • Jika sudah selanjutnya save file index.html tersebut dan lihat hasilnya di browser

Kemudahan dari cara tersebut dibanding dengan cara manual, dengan cara otomatis tersebut, kalian tidak perlu lagi mendefinisikan dari masing-masing element yang menurut saya dengan cara manual tersebut kurang efisiensi, dikarenakan jika suatu saat ada penambahan list baru dalam jumlah yang banyak maka akan semakin menambah waktu untuk menyelesaikannya, berbeda dengan cara diatas.

Sampai disini penjelasan saya mengenai Cara Mendapatkan Semua Text Element List Di JavaScript, semoga bermanfaat.