En primer lugar, estás cambiando la propiedad "color" del div a 'gold', como no tienes ningún contenido en ese div, no te muestra nada, prueba con `background` o `backgroundColor`:

```javascript
a.style.backgroundColor='gold';
a.style.background='gold';                        
```

En segundo lugar, para insertar **texto** en un elemento, la forma más segura es usando `.innerText`.

Te dejo tu código adaptado para que puedas verlo funcionando



<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    //Poner div de abajo dorado.
    function cambiarColor() {
        var a = document.getElementById('div2');
        a.style.background='gold';            
    }
    //Introducir en el div de arriba texto.
    function aparecerTexto() {
        var x = document.getElementById("div1");
        var texto = 'Texto para que se vea en el div de arriba'

        x.innerText = texto;
        //No se como ponerlo para que se vea.
    }

<!-- language: lang-css -->

    #div1 {
        background-color: cyan; 
        width: 200px; 
        height: 50px;
    } 
    #div2 {
        background-color: yellow; 
        width: 200px; 
        height: 50px;
    }

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html>
        <head>
            <title></title>
            <meta charset="UTF-8">
        </head>
        <body>
            <div id="div1" onclick="cambiarColor()"></div><br>
            <div id="div2" onmouseover="aparecerTexto()" ></div>
        </body>
    </html>

<!-- end snippet -->