Обойти все id с getElementById

<table>
    <tr id="conteiner_top">
        <td>Занято</td>
        <td>Занято</td>
        <td>Занято</td>
        <td>Занято</td>
        <td>Занято</td>
    </tr>
</table>
<table>
    <tr id="conteiner_top">
        <td>Занято 2</td>
        <td>Занято 2</td>
        <td>Занято 2</td>
        <td>Занято 2</td>
        <td>Занято 2</td>
    </tr>
</table>

<script>
    n_top = document.getElementById('conteiner_top').getElementsByTagName('td');
    console.log(n_top);
    while(n_top.length < 10)
    {
        document.getElementById('conteiner_top').innerHTML += '<td>Свободно</td>';
        n_top = document.getElementById('conteiner_top').getElementsByTagName('td');
    }
</script>

Как и должно быть в js он увидел только первый conteiner_top. Как правильно обработать все? С getElementsByClassName как то не заладилось у нас.