Sumar filas y mostrar resultado en columna final

[evair]

Agradezco muchisimo tu respuesta, hice lo siguiente en html:

Código HTML:

<table id="infracciones">
    <tr>
        <th>Patente</th>
        <th>2011</th>
        <th>2012</th>
        <th>2013</th>
        <th>Infracciones</th>
    </tr>
    <tr>
        <td>TP031</td>
        <td>4</td>
        <td>3</td>
        <td>6</td>
        <td class="total"></td>
    </tr>
    <tr>
        <td>SI0352</td>
        <td>0</td>
        <td>3</td>
        <td>9</td>
        <td class="total"></td>
    </tr>
    <tr>
        <td>MP4012</td>
        <td>0</td>
        <td>0</td>
        <td>3</td>
        <td class="total"></td>
    </tr>
</table>
 

y en javascript:

Código Javascript:

[].forEach.call(document.querySelectorAll("#infracciones tr"), function(tr){
    var suma = 0;
    [].forEach.call(tr.querySelectorAll("td:not(.total)"), function(td){
        suma += parseInt(td.innerHTML);
    });
    tr.querySelector(".total").innerHTML = suma;
});
 

Sin embargo obtengo un error que es el siguiente:

Código:

Uncaught TypeError: Cannot set property 'innerHTML' of null

Puedes revisar el código aquí: jsfiddle.net/jp1bx3tu/2/

Aún no logro comprender por que lanza el error, por favor si fueras tan amable nuevamente de ayudarme.