Visualizzare le proprietà degli oggetti DOM

Sofia Emelianova
Sofia Emelianova

Utilizza Elementi > Nella scheda Proprietà puoi sfogliare e filtrare le proprietà degli oggetti DOM.

Apri la scheda Proprietà

Per aprire la scheda Proprietà, segui questi passaggi:

  1. Apri DevTools. Per impostazione predefinita, si apre il riquadro Elementi.
  2. Seleziona un nodo nell'albero DOM.
  3. Apri la scheda Proprietà. Se non vedi la scheda, fai clic su Altro e selezionala dal menu a discesa.

Riquadro Elementi aperto alla scheda Proprietà

Individua le proprietà proprie

La scheda Proprietà ordina e mostra per prime le proprietà dell'oggetto e in grassetto.

ALT_TEXT_HERE

Trovare l'origine di una proprietà ereditata

La scheda Proprietà valuta le funzioni di accesso sugli elementi integrati e li visualizza sull'oggetto come ereditati e con un carattere normale.

Per trovare l'origine di una proprietà ereditata, espandi un oggetto, quindi il relativo [[Prototype]], poi l'elemento [[Prototype]] nidificato e così via.

Tracciamento della proprietà size fino al relativo getter sulla catena del prototipo.

In questo esempio, puoi risalire alla provenienza della proprietà size ereditata individuando la proprietà own (in grassetto) originale nella catena del prototipo insieme al getter corrispondente.

Inoltre, le proprietà specifiche del prototipo vengono mostrate solo nei prototipi, non negli oggetti. Ciò semplifica la diagnosi degli oggetti.

Proprietà specifiche dei prototipi.

Proprietà di filtro

Per trovare rapidamente una proprietà, inizia a digitarne il nome o il valore nella casella di immissione Filtro.

Filtro

Mostra tutte le proprietà

Per impostazione predefinita, la scheda Proprietà non mostra le proprietà con valori null e undefined.

Per visualizzare tutte le proprietà, seleziona Mostra tutte.

Proprietà con valori null.

Informazioni sulle proprietà

Elementi > La scheda Proprietà mostra una serie di proprietà.

Proprietà semplici

Le proprietà semplici sono coppie di <name>: <value>. Proprietà semplici.

Oggetti e array

Le proprietà comprimibili () sono oggetti {} o array []. Proprietà comprimibili.

Per ulteriori informazioni sull'ispezione degli oggetti JavaScript, consulta Ispezionare le proprietà degli oggetti.

Proprietà corrispondenti ai nodi DOM

Le proprietà che corrispondono ai nodi DOM sono link. Fai clic su un link per selezionare il nodo pertinente nella struttura DOM. Link al nodo DOM head.

Proprietà proprie ed ereditate

Le proprietà in grassetto sono proprietà dell'oggetto. Sono definiti direttamente sull'oggetto.

Le proprietà in carattere normale vengono ereditate dalla catena del prototipo. Per mostrarteli, DevTools valuta gli accessori pertinenti negli elementi HTML incorporati. Proprietà proprie ed ereditate. DevTools ordina prima le proprietà per semplificarne l'individuazione.

Proprietà enumerabili e non enumerabili

Le proprietà enumerabili hanno colori brillanti. Le proprietà non enumerabili sono disattivate. Proprietà enumerabili e non enumerabili. Puoi eseguire l'iterazione delle proprietà enumerabili con il ciclo for … in o il metodo Object.keys().

Metodi

I metodi sono contrassegnati con l'icona f (). .

Per maggiori informazioni sulle funzioni, vedi Ispezionare le funzioni tramite la console.