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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

В самом простом случае, сначала необходимо в 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>

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

<script type="text/javascript">
  const data = 'new_test_data';
  document.getElementById("testData").textContent = data;
</script>

3 года назад

Вячеслав Межуревский

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

8 месяцев

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

Похожие вопросы