Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/10/2014, 17:10
luzzar
 
Fecha de Ingreso: octubre-2014
Mensajes: 1
Antigüedad: 9 años, 6 meses
Puntos: 0
HTML que liste propiedades de un objeto

Tengo que realizar lo siguiente:

------Construir una página HTML que liste el contenido de todas las propiedades de un objeto en forma de tabla.

El nombre o referencia al objeto se pedirá al usuario utilizando la función prompt, para que lo introduzca a través del cajetín del desplegable generado. Debera aceptar nombres de propiedades de window tales como screen, this.location, document, .. o incluso window. Si el nombre que se introduce por el cajetín referencia algo que no es un objeto, solo se dará un mensaje indicandolo y no habra que listar ninguna tabla.

La tabla HTML tendrá 2 columnas:

La 1a columna contendrá los nombres de las propiedades de objeto
La 2a columna contendrá el valor de la propiedad, siempre que no sea un objeto o función (comprobarlo con el operador "typeof"). Si es un objeto o función se pondrá como valor el string: “no es imprimible”.------------------------------

No se como realizarlo.
Poseeo el siguiente codigo pero los elementos ya aparecen listados en una tabla, lo que debo hacer aqui es que el usuario a trabes de un buscador mencione uno y aparezca la respuesta.

Gracias por la ayuda!

<!DOCTYPE html>
<html>
<head>
<title>DOM</title>
<meta charset="UTF-8">
</head>
<body>

<h2> Screen </h2>

<!-- tabla con propiedades de screen -->
<table id="tabla">
<tr><th> Propiedad </th><th> Valor </th></tr>
</table>

<script>
var i, tabla = document.getElementById("tabla");

for (i in screen){ //cada iteración genera una fila de la tabla
tabla.innerHTML+="<tr><td>"+i+"</td><td> = "+screen[i]+"</td></tr>";
}
</script>
</body>
</html>