Foros del Web » Programando para Internet » Javascript »

HTML que liste propiedades de un objeto

Estas en el tema de HTML que liste propiedades de un objeto en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/10/2014, 17:10
 
Fecha de Ingreso: octubre-2014
Mensajes: 1
Antigüedad: 10 años
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>

Etiquetas: buscador, java, javascript+html, javascript-funciones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:31.