Muat naik kod terus
Kod adalah seperti berikut, fungsi pilih semua tidak mudah digunakan
var _select_all = document.getElementById("select_all");
var _input = document.querySelectorAll("#shop_content ul input[type=checkbox]");
_select_all.addEventListener("click",function() {
for(var i = 0;i<_input.length;i++) {
_input[i].checked="checked";
}
})Tukar ayat
var _select_all = document.getElementById("select_all");
_select_all.addEventListener("click",function() {
var _input = document.querySelectorAll("#shop_content ul input[type=checkbox]");
for(var i = 0;i<_input.length;i++) {
_input[i].checked="checked";
}
})Mengapa kod dijalankan seperti biasa apabila _input diletakkan di bawah? Tidak bolehkah kita mendapatkan pembolehubah luaran dalam fungsi panggil balik mengikut skop?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda boleh menguji kedua-duanya sendiri: https://jsfiddle.net/8j9q69qm/
Diuji, kedua-duanya OK
Tidak, semuanya sama
Anda akan tahu apabila anda melihat log Jika ia tidak ditentukan, anda akan tahu di mana masalahnya.
Salah satunya ialah menyemak nod terlebih dahulu dan menyimpannya dalam cache, dan satu lagi ialah menyemak nod dalam masa nyata apabila mengklik. Jika nod yang sepadan dengan pemilih #shop_content ul input[type=checkbox] tidak berubah, kedua-dua kaedah adalah sama dan kecekapan caching adalah agak tinggi. Jika nod yang sepadan mungkin dipadamkan, ditambah atau diganti, anda mesti menggunakan kaedah kedua untuk mencari nod dalam masa nyata setiap kali anda mengkliknya