Dari kursus: Pelatihan Esensial JavaScript
Buka akses kursus ini dengan uji coba gratis
Bergabunglah sekarang untuk mengakses lebih dari 24.100 kursus yang dipandu pakar industri.
Mengakses elemen dengan metode querySelector - Tutorial JavaScript
Dari kursus: Pelatihan Esensial JavaScript
Mengakses elemen dengan metode querySelector
- [Instruktur] Mari kita lihat cara mengakses elemen di DOM menggunakan JavaScript. Dalam file latihan untuk film ini, saya telah memperbarui contoh kami sehingga kami memiliki beberapa konten aktual untuk dikerjakan. Saya telah menambahkan beberapa HTML dasar dan lembar gaya dalam indeks.html dan saya juga telah memperluas output HTML dalam template literal sedikit untuk memungkinkan untuk menatanya. Saya telah menambahkan beberapa kelas. Saya telah melilitkan rentang di sekitar nilai, dan saya juga telah menambahkan gambar di bagian atas sini. Melihat situs proyek di browser yang akan Anda lihat, itu terlihat sangat berbeda tetapi tidak ada yang baru di sini dalam hal JavaScript. Saya baru saja memperluas apa yang telah kami bahas sejauh ini dalam kursus. Baiklah, kapan pun Anda ingin melakukan sesuatu di DOM, Anda mulai dengan menemukan elemen atau elemen yang ingin Anda kerjakan. Untuk ini, kami memiliki dua metode: pemilih kueri dan pemilih kueri semua. Dan keduanya berlaku…
Berlatih sambil belajar dengan file latihan
Unduh file yang digunakan instruktur untuk mengajarkan kursus. Simak dan pelajari dengan melihat, mendengarkan, dan berlatih.
Konten
-
-
-
-
-
-
-
DOM: Model Objek Dokumen4m 7d
-
(Terkunci)
Mengakses elemen dengan metode querySelector6m 6d
-
(Terkunci)
Mengakses elemen menggunakan metode lama3m 45d
-
(Terkunci)
Latihan: Menemukan sebuah elemen1m 29d
-
(Terkunci)
Memodifikasi kelas elemen4m 53d
-
(Terkunci)
Atribut4m 13d
-
(Terkunci)
Gaya dalam baris3m 52d
-
(Terkunci)
Latihan: Memodifikasi kelas dan atribut, dan gaya1m 36d
-
(Terkunci)
Menambahkan elemen DOM5m 25d
-
(Terkunci)
Tantangan: Menambahkan elemen baru1m 45d
-
(Terkunci)
Solusi: Menambahkan elemen baru2m 55d
-
-
-
-
-
-
-