tablas elementos dinamicas dinamicamente crear javascript google-chrome google-closure-library developer-tools

elementos - ¿Cómo puedo registrar un elemento HTML como un objeto JavaScript?



innerhtml (2)

Use console.dir :

var element = document.documentElement; // or any other element console.log(element); // logs the expandable <html>…</html> console.dir(element); // logs the element’s properties and values

Si ya estás dentro de la consola, puedes simplemente escribir dir lugar de console.dir :

dir(element); // logs the element’s properties and values

Para simplemente enumerar los diferentes nombres de propiedad (sin los valores), podría usar Object.keys :

Object.keys(element); // logs the element’s property names

Aunque no hay un método público de console.keys() , si ya está dentro de la consola, puede ingresar:

keys(element); // logs the element’s property names

Sin embargo, esto no funcionará fuera de la ventana de la consola.

Con Google Chrome, si console.log un objeto, le permite inspeccionar el elemento en la consola. Por ejemplo:

var a = { "foo" : "bar", "whiz" : "bang" }; console.log(a);

Esto imprime Object que se puede inspeccionar haciendo clic en las flechas al lado. Sin embargo, si intento registrar un HTMLElement:

var b = goog.dom.query(''html'')[0]; console.log(b);

Esto imprime <html></html> que se puede inspeccionar haciendo clic en las flechas al lado. Si quisiera ver el objeto JavaScript (con sus métodos y campos) en lugar de solo el DOM del elemento, ¿cómo lo haría?