Как добавлять данные в HTML код при помощи javascript (может другие методы без PHP)?

Question

[Strelcov]

Здравствуйте, есть задача. Имеется сайт, лендинг с товарами, товаров много, поэтому работать в будущем во всем коде будет не совсем удобно, можно ли как то выводить значения, которые мы прописываем в коде скрипта в код HTML в <span></span> например? Возможно есть другие способы реализации задумки без PHP?

Answer 1

[Rou1997]

Конечно, можно, вообще-то JavaScript в первую очередь для этого (работы с DOM) и предназначен, начиная от document.body.innerHTML += 'значение'; и заканчивая Angular.js и т.п.

Comments

[Strelcov]

Не сложно будет привести конкретный пример, допустим, у нас есть span с классом сюда_выводим, как правильно будет все это реализовать? Спасибо!

[Strelcov]

*span с классом "price"

[Rou1997]

Strelcov: Долго писать, самоее простое:
<span class="sudavivodim"></span>
<script>
document.getElementsByClassName('sudavivodim')[0].innerHTML += 'значение';
</script>
Можно сделать массив (и циклом выводить), можно использовать jQuery для лаконичности, и т.п.

Answer 2

[Денис Богданов]

В самом js тоже не совсем удобно будет в последствии добавлять все. Но возможно. Поэтому проще будет использовать какой либо шаблонизатор типа jade.

Comments

[Strelcov]

Не сложно будет привести конкретный пример, допустим, у нас есть span с классом "price", как правильно будет все это реализовать? Спасибо!

Answer 3

[xmoonlight]

можно грузить контент из html, json, txt аяксом через тот же jquery: .load()

Comments

[Strelcov]

Не сложно будет привести конкретный пример, допустим, у нас есть span с классом сюда_выводим, как правильно будет все это реализовать? Спасибо!

[Strelcov]

*span с классом "price"

[xmoonlight]

Strelcov: селектором на jquery. читайте документацию jquery.