javascript document.getElementById только чтение первого значения из php mysql базы данных

Question

Позвольте мне попытаться сказать это так, чтобы никого не рассердить или не смутить.

У меня есть значение, которое я вывожу в таблицу.

Значение заполняется mysql и php.

if ($result->num_rows > 0) {
                        // output data of each row
                        while($row = $result->fetch_assoc()) {
                        echo "<table>";
                        echo "<tr>";
                        echo "<td id='countryDbId'>".$row['country']."</td>";
                        echo "</tr>";
                        echo "</table>";
                        }
                        $conn->close();
                    }
                    ?>

Затем я пытаюсь прочитать все значения, которые были выведены с помощью javascript.

                  <script>
                    var country = document.getElementById("pp").innerHTML;
                    console.log(country);
                    </script>

Результатом является только первое значение, хотя в этом столбце более 100 значений.

Любая помощь приветствуется.