C'est le corrigé de base, avec la belle technique comme elle doit être !

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

var trNew  = document.createElement('tr');

var thNavi = document.createElement('th');
var tdDevs = document.createElement('td');
var tdPart = document.createElement('td');
		
thNavi.setAttribute('scope', 'row');
thNavi.appendChild(document.createTextNode('Firefox'));
tdDevs.appendChild(document.createTextNode('Mozilla'));
tdPart.appendChild(document.createTextNode('27,8%'));

trNew.appendChild(thNavi);
trNew.appendChild(tdDevs);
trNew.appendChild(tdPart);

if (output) {
    trs = output.getElementsByTagName('tr');
	
    if (trs[2]) { // Le <tr> de Chrome
        trs[2].parentNode.insertBefore(trNew, trs[2]);
    }
}

Voici une variante, utilisant un tableau pour stocker les éléments, et utilisant innerHTML pour le contenu des cellules :

var trNew = document.createElement('tr'), trs, output;
var tds   = [document.createElement('th'), document.createElement('td'), document.createElement('td')];
		
tds[0].setAttribute('scope', 'row');
tds[0].innerHTML = 'Firefox';
tds[1].innerHTML = 'Mozilla';
tds[2].innerHTML = '27,8%';

trNew.appendChild(tds[0]);
trNew.appendChild(tds[1]);
trNew.appendChild(tds[2]);

if (output = document.getElementById('output')) {
    trs = output.getElementsByTagName('tr');
	
    if (trs[2]) {
        trs[2].parentNode.insertBefore(trNew, trs[2]);
    }
}

Ici, on va utiliser innerHTML pour construire le contenu du <tr> :

var trNew = document.createElement('tr'), trs, output;
    trNew.innerHTML = '<th scope="row">Firefox</th><td>Mozilla</td><td>27,8%</td>';	

if (output = document.getElementById('output')) {
    trs = output.getElementsByTagName('tr');
	
    if (trs[2]) trs[2].parentNode.insertBefore(trNew, trs[2]);
}