Mapear json в jasvascript

Добрый вечер, кто-то мог бы помогать в mapear этому json в javascript?

[{
    "header": {
        "nav" : {"option1":"menu 1"}
    }
}]

для того, чтобы это осталось таким образом

<header>
    <nav>
        <li></li>
    </nav>
</header>
3
задан 12.01.2017, 20:06
0 ответов

Правда что, как комментируют приятели, не остается очень ясным, что ты спрашиваешь, или как ты прибываешь к html из json, но, делая упражнение воображения и предполагая, что ты не используешь никакого framework, посмотрим это - то, в чем ты нуждаешься:

  • Имея элементы в array ты мог бы пробегать их и собирать html в руку в переменной.
  • Как только у тебя есть все. Ты используешь getElementById, чтобы помещать стоимость в элемент, который ты хочешь (я понимаю, что в этикетке nav). Я оставляю тебе ссылку для того, чтобы ты видел, как он был, он делает: w3schools

Я оставляю тебе маленький пример посмотрим это - то, что ты хочешь:

var menus = [
  {"option":"menu 1"},
  {"option":"menu 2"},
  {"option":"menu 3"},
  {"option":"menu 4"}
];
var html="";
for (var i = 0; i < menus.length; i++) {
  html=html+"<li>" + menus[i].option + "</li>";
}
document.getElementById("menu").innerHTML=html;
<html>
  <head>
  </head>
  <body>
    <header>
      <nav>
        <ul id="menu"></ul>
      </nav>
    </header>
  </body>
</html>
1
ответ дан 03.12.2019, 17:41
  • 1
    ** Давид Рестрепо ** ¿ Он последовал тебе ú til ответ? ¿ Это - то, в чем ты нуждался? –  16.01.2017, 13:57