Melihat properti objek DOM

Sofia Emelianova
Sofia Emelianova
GitHub

Gunakan tab Elemen > Properti untuk menjelajahi dan memfilter properti objek DOM.

Buka tab Properties

Untuk membuka tab Properti, ikuti langkah-langkah berikut:

  1. Buka DevTools. Secara default, panel Elemen akan terbuka.
  2. Pada hierarki DOM, pilih sebuah node.
  3. Buka tab Properties. Jika Anda tidak dapat melihat tab, klik Lainnya , lalu pilih dari menu drop-down.

Panel Elemen terbuka ke tab Properti

Properti milik Spot

Tab Properties mengurutkan dan menampilkan properti objek terlebih dahulu dan dalam font tebal.

ALT_TEXT_HERE

Menemukan asal properti yang diwarisi

Tab 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]]-nya, lalu [[Prototype]] bertingkat, dan seterusnya.

Melacak properti ukuran hingga pengambilnya di rantai prototipe.

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 di prototipe, bukan di objek. Hal ini memudahkan Anda mendiagnosis objek.

Properti khusus prototipe.

Properti filter

Untuk menemukan properti dengan cepat, mulai ketik nama atau nilainya di kotak input Filter.

Filter

Menampilkan semua properti

Secara default, tab Properties tidak menampilkan properti dengan nilai null dan undefined.

Untuk melihat semua properti, centang Tampilkan semua.

Properti dengan nilai null.

Memahami properti

Tab Elements > Properties menampilkan berbagai properti.

Properti sederhana

Properti sederhana adalah pasangan <name>: <value>. Properti sederhana.

Objek dan array

Properti yang dapat diciutkan () adalah objek {} atau array []. Properti yang dapat diciutkan.

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. Link ke node DOM head.

Properti milik dan diwarisi

Properti dalam font tebal adalah properti 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. Properti milik dan diwarisi. 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. Properti yang dapat dihitung dan tidak dapat dihitung. Anda dapat melakukan iterasi pada properti yang dapat dihitung dengan loop for … in atau metode Object.keys().

Metode

Metode ditandai dengan f (). Metode.

Untuk mengetahui informasi selengkapnya tentang fungsi, lihat Memeriksa fungsi melalui Konsol.