Как вставить значение переменной js в html в нескольких определенных местах по class или id?

Определил переменную в js, сделал ее текстом, теперь ее значение нужно поставить в документ html в нужных местах.

Сейчас могу отдельно вставлять по id, но тогда приходится для каждого места в документе html придумывать новые названия id + определять для них новые переменные в js, а переменная то одна и значение ее не меняется и она, по сути, просто дублируется. По class пробовал, но не выходит: в первый по списку DOM вставляет, а остальные остаются пустыми.
Как такая задача обычно решается?

• Вопрос задан более года назад
• 93 просмотра

1 комментарий

Простой 1 комментарий

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

Сообщений: 4

как вставить переменную в тэг html.

Господа. Расскажите, как вставить значение заданной переменной JavaScript в качестве параметра тэга html. Например, как правильно оформить следующую строку?:

29.02.2004, 12:02

Регистрация: Jun 2003

Сообщений: 121

document.write(‘

01.03.2004, 08:51

Регистрация: Feb 2004

Сообщений: 4

Спасибо большое. А что делать, если мне нужно задать ширину в тэге

01.03.2004, 12:09

Регистрация: Jun 2003

Сообщений: 121

Либо также, либо через стили:
document.all.YourObjectID.style.width=MyVar

Вы не можете создавать новые темы

Вы не можете отвечать в темах

Вы не можете прикреплять вложения

Вы не можете редактировать свои сообщения

BB коды Вкл.

Смайлы Вкл.

[IMG] код Вкл.

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

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

    Chair The Laid back     Heigth 80 cm  id="testData">    

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

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

Как вывести переменную JS в HTML?

Да, я понял. Спасибо. Только почему он выводит на следюущей строке?

5 фев 2018 в 12:43

Потому что

 var min = 0; document.getElementById("min").innerHTML = min;

Итог -