@Mr-Governor
Губернирую

Как создать html «элемент» из сложного объекта?

Мне нужно создать html elemnt из сложного объекта, а кроме бомжатской createElement, ничего не нагуглилось.
Неужели в js, все так плохо?

Например, есть объект:
let doc =
{
  div
  {
    class:"block",
    height:"200px",
    span:
    {
      innerText:"text",
      style:
      {
        color:"red";
      }
    }
  }
}


Нужно получить:

<div class="block" height="200px">
    <span style="color:red">text</span>
  </div>


Есть решения?
  • Вопрос задан
  • 222 просмотра
Пригласить эксперта
Ответы на вопрос 3
ktim8168
@ktim8168
Frontend Developer
Используй hyperscript
const doc = h(
  'div.block',
  {
    style: {
      height: '200px',
    },
  },
  h('span', 'text', {
    style: {
      color: 'red',
    },
  })
);
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
element.js

Пример кода:
var html = elem("ul", {"id":"mylist"}, [
    elem("li", null, "Item 1"),
    elem("li", null, "Item 2"),
    elem("li", null, "Item 3"),
]);

Рендерит в:
<ul id="mylist">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Также, есть превращение разметки в набор данных (в обратную сторону) через html2js.
Ответ написан
Ваш ответ на вопрос

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

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