Obtengo este error: Uncaught TypeError: Cannot read property 'style' of null, pero el código lo he revisado una y otra vez, pero no entiendo porque no funciona ¿Alguien me echa una mano?
He quitado los estilos, no hacen falta en este caso.
<script type="text/javascript">
function showWeather() {
document.getElementById("WeatherDiv").style.visibi lity="visible";
}
function hideWeather() {
document.getElementById("WeatherDiv").style.visibi lity="hidden";
}
</script>
<div onmouseover="showWeather()" onmouseout="hideWeather()">
<p> <--! Temperatura media del día --> </p>
<img src="partly_cloudy.png" title="Parcialmente nublado">
<p>Madrid, España</p>
<div id="weatherDiv" style="visibility: hidden;">
<p>Máximo</p>
<p>Mínimo</p>
<p> <--! Grado máximo en °C --> </p>
<p> <--! Grado mínimo en °C --> </p>
</div>
</div>
Gracias por vuestra ayuda.