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. Di hierarki DOM, pilih 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

Menemukan properti milik sendiri

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

ALT_TEXT_HERE

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.

Melacak properti ukuran hingga pengambilnya pada 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 pada prototipe, bukan pada objek. Hal ini memudahkan diagnosis objek.

Properti khusus prototipe.

Properti filter

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

Filter

Tampilkan 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

Elemen > Tab Properti 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. Menautkan ke node DOM head.

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. 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 informasi selengkapnya tentang fungsi, lihat Memeriksa fungsi melalui Konsol.