index.js:33 Uncaught TypeError: campos[0].focus is not a function

Ao clicar no botão Incluir, eu consigo incluir a linha na tabela, porém recebo um erro no console referente ao uso da função focus() no elemento

var campos = [
    document.querySelector('#data'),
    document.querySelector('#quantidade'),
    document.querySelector('#valor')
];

console.log(campos);

document.querySelector('.form').addEventListener('submit', function(event){

    event.preventDefault();

    var tbody = document.querySelector('tbody');
    var tr = document.createElement('tr');

    campos.forEach(function(campo){
        var td = document.createElement('td');
        td.textContent = campo.value;
        tr.appendChild(td);
    })

    var tdVolume = document.createElement('td');
    tdVolume.textContent = campos[1].value * campos[2].value;

    tr.appendChild(tdVolume);

    tbody.appendChild(tr);

    campos[0] = '';
    campos[1] = "";
    campos[2] = "";

    campos[0].focus();

});