Une première façon de faire est d'utiliser getElementsByTagName() au sein du div #output :

var output = document.getElementById('output');
var link   = output.getElementsByTagName('a')[0];

    link.href = 'http://www.openclassrooms.com';

Ce code peut-être réduit de cette manière :

var output = document.getElementById('output');
var link   = output.getElementsByTagName('a')[0].href = 'http://www.openclassrooms.com';

Ou même comme ceci, mais ça devient illisible :

document.getElementById('output').getElementsByTagName('a')[0].href = 'http://www.openclassrooms.com';

Les codes ci-dessus manquent de sécurisation, et il peut être intéressant de réaliser des tests avant de lancer des instructions. C'est nécessaire si votre script est destiné à un userscript par exemple :

var output = document.getElementById('output');

if (output) {
    var link = output.getElementsByTagName('a')[0];

	if (link) {
        link.href = 'http://www.openclassrooms.com';
    }
}

Mais personnellement, je préfère comme ça, car je trouve ça assez propre :

var output, link; // Je définis mes variables au début

if (output = document.getElementById('output')) {
    if (link = output.getElementsByTagName('a')[0]) {
        link.href = 'http://www.openclassrooms.com';
    }
}

querySelector() peut se révéler particulièrement pratique pour ce genre de cas, à condition que votre script ne soit pas destiné aux vieux navigateurs :

var link = document.querySelector('#output > a');

if (link) {
    link.href = 'http://www.openclassrooms.com';
}