Diskusi Dionovan Ramadhani

Dionovan Ramadhani
Ditanyakan pada: Melihat Isi Document Object Model

innerText dan innerHTML

saat saya coba di consol tidak ada perbedaan output antara innerText dengan innerHTML, sebenernya apa perbedaan antara kedua itu? dan juga implementasi dalam script javascriptnya nanti seperti apa?

2 Jawaban

Bantu Jawab
Avatar
Muhammad Fakhry Burhanuddin

10 hari yang lalu

Properti innerHTML men-set atau mengembalikan HTML content (inner HTML) dari sebuah elemen.

Properti innerText men-set atau mengembalikan content berbentuk teks dari sebuah elemen.

Untuk melihat perbedaannya silahkan coba kode berikut.

inner-Textinner-HTML

Referensi:

https://www.w3schools.com/jsref/prop_node_innertext.asp

https://www.w3schools.com/jsref/prop_html_innerhtml.asp

Avatar
BroKoding

10 hari yang lalu

Halo kak, jadi perbedaan antara innerText dan innerHTML terletak pada jenis content yang mereka representasikan di dalam sebuah elemen HTML. innerText merepresentasikan teks yang terlihat oleh user, sementara innerHTML merepresentasikan seluruh markup HTML di dalam elemen tersebut, termasuk text dan elemen HTML lainnya. Dalam script javascript, innerText digunakan untuk mengakses dan memodifikasi text yang terlihat, sementara innerHTML digunakan untuk mengakses dan memodifikasi seluruh content HTML di dalam elemen tersebut. Sebaiknya, gunakan innerText jika kita hanya ingin memanipulasi text yang terlihat, sedangkan gunakan innerHTML dengan hati-hati karena bisa membuka celah keamanan (cross-site scripting) jika tidak terlindungi dengan baik.