Estoy aprendiendo Json, para lo que he hecho esto:
<!DOCTYPE html>
<html>
<head>
<title>Modulo 7 Ejemplo con Json</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" >
//Vamos a crear nuestra estructura json
var json = eval(
{"usuarios": [{"personas": {
"id_persona": "0",
"nombre": "Nombre Apellido",
"correo": "[email protected]",
"telefono": "1234",
"pais": "Pais"}
}
]
}
);
// alert(json.usuarios[0].personas["nombre"]);
document.getElementById("primero").innerHTML = json.usuarios[0].personas["nombre"];
</script>
</head>
<body>
<div id="primero"></div>
</body>
</html>
Como no me funcionaba y despues de muchas pruebas he hecho esto:
<!DOCTYPE html>
<html>
<head>
<title>Modulo 7 Ejemplo con Json</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" >
alert("texto prueba");
var texto = document.getElementById("diva");
texto.innerHTML = 'TEXTO PRUEBA';
// document.getElementById("div").innerHTML = "Texto Prueba";
</script>
</head>
<body>
<div id="diva"></div>
</body>
</html>
Tampoco me funciona el innerHTML, si alert. Si cambio el orden y pongo alert despues del innerHTML, tampoco funciona.
En firefox da este error:
TypeError: texto is null
En Chrome:
Uncaught TypeError: Cannot set property 'innerHTML' of null Prueba.php:12
He buscado información antes de preguntar, pero me encuentro un poco perdido.
¿Alguna sugerencia?, Gracias
