Video: Technology Stacks - Computer Science for Business Leaders 2016 2024
Anda dapat menggunakan JavaScript untuk mengakses elemen dalam halaman HTML. Anda mungkin melakukan ini untuk membuat perubahan pada elemen atau styling CSS. Cobalah dalam latihan.
-
Buka editor teks Anda dengan dokumen baru atau kosong.
-
Di editor teks, tempatkan HTML dan JavaScript berikut:
Bab 2 Halo Baris Kedua Ini ada dalam paragraf.
Baris Terakhir var theDiv = dokumen. getElementById ("myDiv"); waspada ("Kontennya adalah" + theDiv. innerHTML); -
Simpan file itu sebagai getbyid. html di root dokumen anda
-
Buka browser web Anda dan lihat halaman di // localhost / getbyid. html
Anda harus melihat peringatan seperti yang ditunjukkan di sini.
-
Klik OK untuk mengabaikan peringatan dan tutup browser Anda.
-
Kembali ke dalam getbyid. html di editor Anda, hapus baris JavaScript yang dimulai dengan peringatan. Ganti garis itu dengan dua huruf ini:
theDiv. gaya. border = "3px solid black"; theDiv innerHTML = "Ini sekarang berubah teks.";
Seluruh blok skrip seharusnya terlihat seperti ini:
var theDiv = document. getElementById ("myDiv"); theDiv gaya. border = "3px solid black"; theDiv innerHTML = "Ini sekarang berubah teks.";Bila dilihat di browser, halaman sekarang terlihat seperti yang ditunjukkan di sini. Perhatikan secara khusus bahwa teks dari baris teratas telah diubah dan sekarang memiliki batas.
