Video: CS50 Shuttle 2024
Anda boleh menggunakan JavaScript untuk mengakses elemen dalam halaman HTML. Anda mungkin melakukan ini untuk membuat perubahan kepada elemen atau gaya CSS. Cuba dalam latihan.
-
Buka editor teks anda dengan dokumen baru atau kosong.
-
Dalam editor teks, letakkan HTML dan JavaScript berikut:
Bab 2 Hello Line Kedua Ini dalam perenggan.
Talian Terakhir var theDiv = dokumen. getElementById ("myDiv"); amaran ("Kandungan adalah" + theDiv. innerHTML); -
Simpan fail sebagai getbyid. html dalam akar dokumen anda.
-
Buka penyemak imbas web anda dan lihat halaman di // localhost / getbyid. html.
Anda harus melihat peringatan seperti yang ditunjukkan di sini.
-
Klik OK untuk mengalih keluar makluman dan menutup penyemak imbas anda.
-
Kembali dalam getbyid. html dalam editor anda, alih keluar baris JavaScript yang bermula dengan amaran. Gantikan baris dengan kedua-dua:
theDiv. gaya. border = "black solid 3px"; theDiv. innerHTML = "Ini kini berubah teks.";
Seluruh blok skrip kini seharusnya kelihatan seperti ini:
var theDiv = dokumen. getElementById ("myDiv"); theDiv. gaya. border = "black solid 3px"; theDiv. innerHTML = "Ini kini berubah teks.";Apabila dilihat dalam pelayar, halaman sekarang kelihatan seperti yang ditunjukkan di sini. Perhatikan secara khusus bahawa teks baris teratas telah berubah dan kini mempunyai sempadan.
