Hiroshima
@Hiroshima
Ровный пацанчик нигде не пропадет !

Как вывести объект из JS в HTML?

Как сделать чтобы весь объект вывелся в html документ, т.е. не просто чтобы в строку выводился, а выводился в блоки с собственным id.

Примерно как должно выглядеть:
<div>
    <span id="car">Марка автомобиля: Dodge</span>
    <span  id="car">Год выпуска: 1967</span>
    <span  id="car">Цвет: красный</span>
    <span  id="car">Тип кузова: Hard Top</span>
</div>


var car = {
    "model": "Dodge",
    "year": 1967,
    "color": "red",
    "body": "Hard top"
}

for (let j in car) {
    document.getElementById("car").innerHTML = (car[j]); //выводит тока последний элемент Hard top =(
};


Доп. вопрос на который можно и не отвечать: как засунуть картинку в объект и чтобы при выводи у нее был id="Img_Car" ?

к примеру:
var car = {
    "model": "Dodge",
    "year": 1967,
    "color": "red",
    "body": "Hard top"
   "img": "/images/car-1" 
}
  • Вопрос задан
  • 840 просмотров
Решения вопроса 2
var car = {
    "model": "Dodge",
    "year": 1967,
    "color": "red",
    "body": "Hard top"
    "img": "/images/car-1" 
}

for (let j in car) {
  const element = document.getElementById(j);
  if (element) {
    element.innerHTML = (car[j]);
  }
};
Ответ написан
Stalker_RED
@Stalker_RED
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
ID должен быть уникальным
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы