Properti navigasi DOM akan bekerja saat elemennya dekat dengan satu sama lain. Bagaimana jika tidak? Show Terdapat metode pencarian tamabahan untuk hal ini Jika elemen memiliki atribut _3, kita bisa mendapatkan elemen menggunakan metode 4, dimanapun itu beradakontur
Dan juga, terdapat variabel global yang dinamakan 3 untuk mereferensikan elemennya
…Kecuali jika kita mendeklarasikan variabel Javascript dengan nama yang sama, lalu itu yang diutamakan
Tolong jangan gunakan variabel global dengan nama id untuk mengakses elemen behavior ini dideskripsikan pada, Jadi ini sudah standard. Tetapi ini didukung terutama untuk kompabilitas Browser berusaha membantu kita dengan mencampur namespace dari JS dan DOM. Hal ini baik saja untuk kode skrip sederhana, sebaris ke dalam HTML, tetapi umumnya ini tidak bagus. bisa saja terdapat konflik penaamaan. Dan juga, jika seseorang membaca kode JS tanpa melihat tampilan HTML, maka tidak akan terlihat asal dari variabel tersebut Pada tutorial ini kita menggunakan 3 untuk mengarahkan langsung elemen supaya singkat, ketika sudah jelas dari mana elemen berasalDi dunia nyata, metode yang paling disukai adalah 7
3 harus unik. Hanya boleh ada satu elemen pada dokumen yang diberikan 3Jika ada banyak elemen dengan 3 yang sama, maka perilaku dari metode yang digunakan tidak akan terduga, contoh _7 akan mengembalikan elemen secara acak. Jadi tetap lakukan sesuai aturan dan buatlah 3 unikHanya Metode 6 yang hanya bisa di panggil pada objek 7. ini mencari 3 yang diberikan di seluruh dokumenSejauh ini, metode yang paling serba guna, _9 mengembalikan semua elemen di dalam 0 yang sama dengan selector CSSDisini kita melihat semua elemen 1 pada anak terakhir________dua puluh_______ Metode ini memang kuat, karena bisa menggunakan pemilih CSS Bisa menggunakan kelas-pseudo Juga mendukung kelas-pseudo pada CSS selector seperti 2 dan 3. Contoh, 4 akan mengembalikan koleksi dari elemen yang penunjuknya aktif sekarang(pada urutan bersarang. dari luar 5 hingga yang bersarang)Pemanggilan 6 mengembalikan elemen pertama yang diberikan pemilih CSSDengan kata lain, hasilnya sama dengan _7, tetapi cara ini mencari semua elemen dan memilih satu, sedangkan 8 hanya mencari satu. Jadi cara ini lebih cepat dan juga singkat untuk ditulisMetode sebelumnya digunakan untuk mencari DOM metode tidak mencari apapun, metode ini hanya memeriksa apakan _0 sama dengan selector CSS yang diberikan. Metode ini mengembalikan _0 atau 1Metode ini akan berguna saat kita mengulang elemen yang banyak (seperti array atau yang lain) dan mencoba untuk menyaring apa yang kita inginkan kontur
Leluhur dari elemen adalah. parent, parent dari parent, parent dan lainnya. Leluhur yang sama membentuk rantai induk dari elemen atas Metode _2 mencari leluhur terdekat yang cocok dengan pemilih CSS. _0 sendiri juga dimasukkan pada pencarianDengan kata lain, metode _4 naik dari elemen dan memeriksa setiap orang tua. Jika cocok dengan selektor, maka pencariaan akan berhenti, dan mengembalikan pada leluhurkontur
Terdapat juga metode lainnya untuk mencari node dengan tag, kelas, dan lainnya Hari ini, kebanyakan dari metode ini menjadi sejarah, karena metode _5 lebih kuat dan lebih singkatJadi kami menjelaskannya disini untuk lebih lengkap, sementara anda masih bisa menemukan di kode skrip lama
kontur ________Empat.Lima_______ Mari kita cari semua tag 2 pada tabel
Jangan lupa huruf ________37______3 Pengembang pemula terkadang melupakan huruf 3. Hari itu, mereka mencoba memanggil 5 dari 6Tidak ada huruf 3 pada _6, karena ini mengembalikan satu elemen. Tetapi 5 mengembalikan koleksi dari elemen, jadi harus ada huruf 3 didalamnyaIni mengembalikan koleksi, bukan sebuah elemen Kesalahan pemula lain yang tersebar luas adalah dengan menulis
Itu tidak akan bekerja, karena membutuhkan koleksi dari input dan menetapkan nilai pada koleksi daripada elemen di dalamnya Kita harus melakukan iterasi dari koleksi atau mengambil elemen dari index, dan memasangnya, seperti ini
Mencari elemen 1 0Semua metode 2 mengembalikan koleksi langsung contoh koleksi selalu mencerminkan kondisi dokumen dan “pembaharuan otomatis” ketika terjadi perubahanContoh dibawah ini, ada dua kode skrip
_1Sebaliknya, _7 mengembalikan koleksi statis. Ini seperti array dari elemen yang tetapJika kita menggunakannya, maka keluaran kedua kode skrip adalah 4 _2Sekarang kita bisa lebih mudah melihat perbedaanya. Koleksi statistik tidak bertambah setelah muncul _9 baru di dokumenTerdapat 6 method utama untuk mencari node pada DOM Metode Pencarian menurut. Dapat memanggil elemen?Live? 5CSS-selector✔- 7CSS-selector✔- 6 3-- 4 1-✔_______47_______6tag atau 7✔✔________47____Sejauh ini yang paling banyak digunakan adalah _5 dan _7, tetapi _1 secara terkadang membantu atau dapat ditemukan pada kode skrip lamaselain itu
Dan mari kita menyebutkan satu lagi metode untuk menilai hubungan anak-orang tua, karena terkadang berguna |