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

4 года назад

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

Ответы

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

4 года назад

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

10 месяцев·С нуля

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

Изучите HTML, CSS, JavaScript и React

Посмотреть →

2 месяца·Для продвинутых

ООП на Javascript

Изучите архитектуру и принципы чистого кода на JS

Посмотреть →

1 месяц·Для продвинутых

СИКП на JS

Навык фундаментального программирования

Посмотреть →

6 месяцев·Для продвинутых

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

Изучите: Git, JavaScript, Playwright, юнит-, API- и UI-тесты, Docker и SQL

Посмотреть →

1 месяц·С нуля

Основы JavaScript

Бесплатно

Посмотреть →

Каталог

Полный список доступных курсов по разным направлениям

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

Курсы по веб-разработке

Посмотреть →

support@hexlet.io

t.me/hexlet_help_bot

EN KZ

+7 800 100 22 47

бесплатно по РФ

+7 495 085 21 62

бесплатно по Москве

Правовая информация Оферта Лицензия Контакты

ООО «Хекслет Рус»

108813 г. Москва, вн.тер.г. поселение Московский,

г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3

ОГРН 1217300010476

ИНН 7325174845

АНО ДПО «Учебный центр Хекслет»