<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Ejercicio Tema 4 Obligatorio</title>
<style type="text/css">
h1
{
background-color:gray;
text-align:right;
display:block;
}
h2
{
text-align:center;
}
.error 
{
color: red;
}

</style>
</head>

<body>
<h1>Lista de Propiedades</h1>
<h2 id= "Dom"> </h2>
<table id = "tabla" style="display: none;">
<tr><th>Propiedad</th> <th>Valor</th></tr>
</table>
<h2 id="error" class="error"></h2>
<script type="text/javascript">

    var i, DomTabla, x, obj, DomError;
    sDom = prompt("Introduce un objeto DOM","");
    DomH2 = document.getElementById("Dom");
    DomH2.innerHTML = "Has solicitado el :" + sDom;
    DomTabla = document.getElementById("tabla");
    DomError = document.getElementById("error");
    DomError.innerHTML = "Has introducido un valor desconocido";
    var obj = eval(sDom)
    DomTabla.style.display = "block"; /* para el ie, con mozila no era necesario*/
    DomError.style.display = "none";
    DomError.style = " display: none;";
    DomTabla.style = " display: block;";
    for (i in obj) {
        if (typeof (obj[i]) !== "object" && typeof (obj[i]) !== "function")
            tabla.innerHTML += "<tr><td>" + i + "</td><td>" + obj[i] + "</td></tr>";
        else tabla.innerHTML += "<tr><td>" + i + "</td><td> no es imprimible</td></tr>";
    }
</script>
</body>
</html>