Gunakan panel Elements > Properties untuk menjelajahi dan memfilter properti objek DOM.
Buka panel Properties
Untuk membuka panel Properties, ikuti langkah-langkah berikut:
- Buka DevTools. Secara default, panel Elemen akan terbuka.
- Di hierarki DOM, pilih sebuah simpul.
- Buka tab Properties. Jika Anda tidak dapat melihat tab, klik Lainnya
, lalu pilih dari menu drop-down.
Spot properti sendiri
Panel Properties mengurutkan dan menampilkan properti sendiri objek terlebih dahulu dan dalam font tebal.
Menemukan asal properti yang diwarisi
Panel Properties mengevaluasi pengakses pada elemen bawaan dan menampilkannya pada objek sebagai diwarisi dan dalam font biasa.
Untuk menemukan asal properti yang diwarisi, luaskan objek, lalu [[Prototype]], lalu [[Prototype]] bertingkat, dan seterusnya.
Dalam contoh ini, Anda dapat melacak tempat asal properti size yang diwarisi dengan menemukan properti asli (tebal) di rantai prototipe bersama dengan pengambil yang sesuai.
Selain itu, properti khusus prototipe hanya ditampilkan pada prototipe, bukan pada objek. Hal ini memudahkan untuk mendiagnosis objek.
Properti filter
Untuk menemukan properti dengan cepat, ketikkan nama atau nilainya di kotak teks Filter.
Tampilkan semua properti
Secara default, panel Properties tidak menampilkan properti dengan nilai null dan undefined.
Untuk melihat semua properti, centang Tampilkan semua.
Memahami properti
Panel Elements > Properties menampilkan berbagai properti.
Properti sederhana
Properti sederhana adalah pasangan <name>: <value>.
Objek dan array
Properti yang dapat diciutkan (
) adalah objek {} atau array [].
Untuk informasi selengkapnya tentang pemeriksaan objek JavaScript, lihat Memeriksa properti objek.
Properti yang sesuai dengan node DOM
Properti yang sesuai dengan simpul DOM adalah link. Klik link untuk memilih node yang relevan pada hierarki DOM.
Properti yang dimiliki dan diwarisi
Properti yang dicetak tebal adalah milik objek. Class tersebut ditentukan langsung pada objek.
Properti dalam {i>font<i} biasa diwarisi dari rantai prototipe. Untuk menampilkannya kepada Anda, DevTools mengevaluasi pengakses yang relevan pada elemen HTML bawaan.
DevTools mengurutkan properti sendiri terlebih dahulu agar lebih mudah ditemukan.
Properti yang dapat dihitung dan tidak dapat dihitung
Properti yang dapat dihitung berwarna cerah. Properti yang tidak dapat dihitung akan dibisukan.
Anda dapat melakukan iterasi pada properti yang dapat dihitung dengan loop for … in atau metode Object.keys().
Metode
Metode ditandai dengan f ().
Untuk mengetahui informasi selengkapnya tentang fungsi, lihat Memeriksa fungsi melalui Konsol.