Hola estoy haciendo unos ejercicios para clase y cuando intento utilizar el innerhtml me sale este error: No se puede establecer la propiedad 'innerHTML' de referencia nula o sin definir. Estoy utilizando JavaScript y el visual studio, os pongo el código:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
var imagenes = new Array("url(imagenes/imagen1.jpg)", "url(imagenes/imagen2.jpg)", "url(imagenes/imagen3.jpg)", "url(imagenes/imagen4.jpg)")
document.getElementById("picture").innerHTML = 'url(imagenes/imagen1.jpg)'
</script>
<style type="text/css">
#picture {
width: 356px;
margin: 180px auto auto auto;
height: 200px;
}
#boton1 {
width: 84px;
margin-left: 537px;
margin-top: 25px;
float: left;
}
#boton2 {
width: 84px;
margin-top: 25px;
float: left;
margin-left: 50px;
}
#boton3 {
width: 84px;
margin-top: 25px;
float: left;
margin-left: 51px;
}
</style>
</head>
<body">
<div id="fondo">
<div id="picture">
</div>
<div id="boton1">
<input type="button" value="Anterior" style="width: 84px" />
</div>
<div id="boton2">
<input type="button" value="Fondo" style="width: 84px" />
</div>
<div id="boton3">
<input type="button" value="Siguiente" style="width: 84px" />
</div>
</div>
</body>
</html>