Usa el panel Elementos > Propiedades para explorar y filtrar las propiedades de los objetos DOM.
Abrir el panel Propiedades
Para abrir el panel Propiedades, sigue estos pasos:
- Abre Herramientas para desarrolladores. De forma predeterminada, se abre el panel Elementos.
- En el árbol del DOM, selecciona un nodo.
- Abre la pestaña Propiedades. Si no puedes ver la pestaña, haz clic en Más
y, luego, selecciónala en el menú desplegable.
Propiedades propias del anuncio de TV
El panel Properties ordena y muestra primero las propias propiedades del objeto y en negrita.
Cómo buscar el origen de una propiedad heredada
En el panel Properties, se evalúan los descriptores de acceso de los elementos integrados y se los muestra en el objeto como heredados y en fuente normal.
Para encontrar el origen de una propiedad heredada, expande un objeto, luego su [[Prototype]], luego el [[Prototype]] anidado, y así sucesivamente.
En este ejemplo, puedes rastrear de dónde provino la propiedad size heredada si ubicas la propiedad original (en negrita) en la cadena del prototipo junto con el método get correspondiente.
Además, las propiedades específicas de los prototipos se muestran solo en los prototipos, no en los objetos. lo que facilita el diagnóstico de objetos.
Filtrar propiedades
Para encontrar una propiedad rápidamente, comienza a escribir su nombre o valor en el cuadro de texto Filtro.
Mostrar todas las propiedades
De forma predeterminada, el panel Properties no muestra propiedades con valores null y undefined.
Para ver todas las propiedades, marca Mostrar todo.
Comprende las propiedades
El panel Elementos > Propiedades muestra una variedad de propiedades.
Propiedades simples
Las propiedades simples son pares de <name>: <value>.
Objetos y arrays
Las propiedades que se pueden contraer (
) son objetos {} o arrays [].
Para obtener más información sobre la inspección de objetos de JavaScript, consulta Cómo inspeccionar propiedades de objetos.
Propiedades que corresponden a los nodos del DOM
Las propiedades que corresponden a los nodos del DOM son vínculos. Haz clic en un vínculo para seleccionar el nodo relevante en el árbol del DOM.
Propiedades propias y heredadas
Las propiedades en negrita son propias del objeto. Se definen directamente en el objeto.
Las propiedades con fuente regular se heredan de la cadena del prototipo. Para mostrártelos, Herramientas para desarrolladores evalúa a los descriptores de acceso relevantes en elementos HTML integrados.
DevTools ordena primero las propiedades propias para que sean más fáciles de detectar.
Propiedades enumerables y no enumerables
Las propiedades enumerables tienen colores brillantes. Se silenciarán las propiedades que no son enumerables.
Puedes iterar sobre las propiedades que se pueden enumerar con el bucle for … in o el método Object.keys().
Métodos
Los métodos están marcados con f ().
Para obtener más información sobre las funciones, consulta Cómo inspeccionar funciones mediante la Consola.