Im Bereich Elemente > Eigenschaften können Sie die Eigenschaften von DOM-Objekten suchen und filtern.
Bereich „Eigenschaften“ öffnen
So öffnen Sie den Bereich Eigenschaften:
- Öffnen Sie die Entwicklertools. Der Bereich Elemente wird standardmäßig geöffnet.
- Wählen Sie in der DOM-Baumstruktur einen Knoten aus.
- Wechseln Sie zum Tab Eigenschaften. Wenn der Tab nicht angezeigt wird, klicken Sie auf das Dreipunkt-Menü
und wählen Sie ihn dann aus dem Drop-down-Menü aus.
Eigene Properties erkennen
Im Bereich Eigenschaften werden die eigenen Eigenschaften des Objekts zuerst und in fetter Schriftart sortiert und angezeigt.
Ursprung einer vererbten Eigenschaft ermitteln
Im Bereich Eigenschaften werden die Zugriffsberechtigungen für integrierte Elemente ausgewertet und im Objekt als übernommen in normaler Schrift angezeigt.
Um den Ursprung einer vererbten Eigenschaft zu finden, maximieren Sie ein Objekt, dann seine [[Prototype]], dann das verschachtelte [[Prototype]] usw.
In diesem Beispiel können Sie verfolgen, woher die vererbte Eigenschaft size stammt, indem Sie die ursprüngliche eigene Eigenschaft (fett) in der Prototypkette zusammen mit dem entsprechenden Getter suchen.
Darüber hinaus werden prototypspezifische Eigenschaften nur für Prototypen und nicht für Objekte angezeigt. Dies erleichtert die Diagnose von Objekten.
Filtereigenschaften
Um eine Eigenschaft schnell zu finden, beginnen Sie mit der Eingabe des Namens oder Werts in das Textfeld Filter.
Alle Unterkünfte anzeigen
Standardmäßig werden im Bereich Eigenschaften keine Eigenschaften mit den Werten null und undefined angezeigt.
Wenn Sie alle Unterkünfte sehen möchten, klicken Sie das Kästchen Alle anzeigen an.
Informationen zu Eigenschaften
Im Bereich Elemente > Eigenschaften werden eine Vielzahl von Eigenschaften angezeigt.
Einfache Eigenschaften
Einfache Properties sind <name>: <value>-Paare.
Objekte und Arrays
Minimierbare Eigenschaften (
) sind Objekte {} oder Arrays [].
Weitere Informationen zum Prüfen von JavaScript-Objekten finden Sie unter Objekteigenschaften untersuchen.
Eigenschaften, die DOM-Knoten entsprechen
Eigenschaften, die DOM-Knoten entsprechen, sind Links. Klicken Sie auf einen Link, um den entsprechenden Knoten im DOM-Baum auszuwählen.
Eigene und geerbte Properties
Fettgedruckte Eigenschaften sind Objekte des Objekts. Sie werden direkt im -Objekt definiert.
Eigenschaften in normaler Schriftart werden von der Prototypkette übernommen. Um sie dir anzuzeigen, werten die Entwicklertools relevante Zugriffsmethoden für integrierte HTML-Elemente aus.
Die Entwicklertools sortieren zuerst eigene Eigenschaften, damit sie leichter zu erkennen sind.
Aufzählbare und nicht aufzählbare Attribute
Enumerierbare Eigenschaften sind farbig. Nicht aufzählbare Attribute werden ausgeblendet.
Sie können die aufzählbaren Attribute mit der for … in-Schleife oder der Object.keys()-Methode iterieren.
Methoden
Methoden sind mit einem f () gekennzeichnet.
Weitere Informationen zu Funktionen finden Sie unter Funktionen prüfen über die Console.