JS - Modificar atributos

HTML

<!DOCTYPE html>
<html>
  <body>

    <h1>Cambiar atributos con JS</h1>

    <p>En este caso vamos a cambiar imágenes. Atributo src de la etiqueta img</p>


    <button onclick="document.getElementById('myImage').src='http://comunicaciondigital.es/wp-content/master/lighton.png'">Enciende la luz</button>

    <img id="myImage" src="http://comunicaciondigital.es/wp-content/master/lightoff.png" style="width:90px">

    <button onclick="document.getElementById('myImage').src='http://comunicaciondigital.es/wp-content/master/lightoff.png'">Apaga la luz</button>

  </body>
</html>