Gunakan tab Elemen > Properti untuk menjelajahi dan memfilter properti objek DOM.
Buka tab Properties
Untuk membuka tab Properti, ikuti langkah-langkah berikut:
- Buka DevTools. Secara default, panel Elemen akan terbuka.
- Di hierarki DOM, pilih node.
- Buka tab Properties. Jika Anda tidak dapat melihat tab, klik Lainnya , lalu pilih dari menu drop-down.
Menemukan properti milik sendiri
Tab Properties mengurutkan dan menampilkan properti objek terlebih dahulu dan dalam font tebal.
Menemukan origin properti yang diwarisi
Tab Properti mengevaluasi pengakses di elemen bawaan dan menampilkannya di objek sebagai diwarisi dan dalam font biasa.
Untuk menemukan asal properti yang diwarisi, luaskan objek, lalu [[Prototype]]
-nya, lalu [[Prototype]]
bertingkat, dan seterusnya.
Dalam contoh ini, Anda dapat melacak 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 diagnosis objek.
Properti filter
Untuk menemukan properti dengan cepat, mulai ketik nama atau nilainya di kotak input Filter.
Tampilkan semua properti
Secara default, tab Properties tidak menampilkan properti dengan nilai null
dan undefined
.
Untuk melihat semua properti, centang Tampilkan semua.
Memahami properti
Elemen > Tab Properti menampilkan berbagai properti.
Properti sederhana
Properti sederhana adalah pasangan <name>: <value>
.
Objek dan array
Properti yang dapat diciutkan ({}
atau array []
.
Untuk mengetahui informasi selengkapnya tentang cara memeriksa objek JavaScript, lihat Memeriksa properti objek.
Properti yang sesuai dengan node DOM
Properti yang sesuai dengan node DOM adalah link. Klik link untuk memilih node yang relevan dalam hierarki DOM.
Properti sendiri dan warisan
Properti dalam font tebal adalah milik objek. Parameter ini ditentukan langsung pada objek.
Properti dalam font 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 dienumerasi dan tidak dapat dienumerasi
Properti yang dapat dihitung berwarna cerah. Properti yang tidak dapat dienumerasi 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 informasi selengkapnya tentang fungsi, lihat Memeriksa fungsi melalui Konsol.