Как вывести переменную из js в html

Аватар пользователя Вячеслав Межуревский
Вячеслав Межуревский
26 сентября 2022

В самом простом случае, сначала необходимо в html документе дать элементу в который будем помещать данные - id или класс. Например:

<table>
  <thead>
    <tr>
      <th>Chair</th>
      <th>The Laid back</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>Heigth</th>
      <td>80 cm</td>
      <td id="testData"></td>
    </tr>
  </tbody>
</table>

Затем, ниже объявленного искомого объекта, в теле тега <script> необходимо с помощью JavaScript "получить" объект и занести в свойство textContent необходимые данные.

<script type="text/javascript">
  const data = 'new_test_data';
  document.getElementById("testData").textContent = data;
</script>
0 0
Познакомьтесь с основами JavaScript бесплатно