Pengenalan Code JavaScript GetElement. Hai ! Tutorial lalu kita sudah mempelajari tentang Pengenalan tentang Javascript, jika anda ingin lebih jelas mengenal JavaScript anda bisa mengunjungi halaman berikut https://www.dicloud.id/tutorial/categories/javascript, disini kita akan mempelajari tentang Pengenalan Code JavaScript GetElement, berikut penjelasannya :
Pengenalan Code JavaScript GetElement
disini kita akan mempelajari tentang Pengenalan Code JavaScript GetElement, berikut penjelasannya :
Code JavaScript GetElement
Disini saya akan memberikan contoh code JavaScript Get Element pada sebuah file website, berikut contoh nya:
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>Test1</title> </head> <body> <h1 id="ce">TEST 1</h1> <button type="button" onclick='getElementById("ce").innerHTML = "Hai Dunia !"'>CLICK ME!</button> </body> </html> |
Dan akan menghasilkan hasil seperti gambar dibawah ini :
Jika anda klik tombol CLICK ME ! maka teks diatas akan berubah seperti gambar dibawah ini :
Disini kita menggunakan code getElementById pada code onclick di code button HTML, anda pun bisa memasang eksternal file js anda di html dengan <script src=”file.js”> pada HTML anda, fungsi code getElementById ini digunakan untuk mendapatkan element yang menggunakan id ini misal saya tadi menaruh id “ce” pada <h1> TEST 1 , nah kita mendapatkan id tersebut dengan cara code berikut getElementById(‘ce’).innerHTML = “Hai Dunia !” , fungsi innerHTML ini mengubah kata kata atau data pada HTML pada id yang didapat oleh getElement.
Kesimpulan
Anda bisa mendapatkan id dari sebuah HTML dengan cara getElementById(‘id’) dan untuk mengubah data pada HTML anda bisa memakai innerHTML pada js atau JavaScript.
Sekian Terima Kasih.
Technical Support in dicloud.id