Javascript 对象到 HTML 转换函数答案

【问题标题】：Javascript object to HTML transform functionJavascript 对象到 HTML 转换函数
【发布时间】：2015-03-26 09:36:01
【问题描述】：

我正在寻找一个可以转换的函数：

{ tag: 'form',
  inner: [
    { tag: 'input', params: { type: 'text' } },
    { tag: 'select',
      inner: [
        { tag: 'option', params: { value: 0 },
          inner: ['zero']
        },
        { tag: 'option', params: { value: 1 },
          inner: ['one']
        }
      ]
    }
  ]
}

进入：

<form>
  <input type="text"></input>
  <select>
    <option value="0">zero</option>
    <option value="1">one</option>
  </select>
</form>

我不是在寻找诸如把手之类的模板系统。

我对 Javascript 对象所需的属性名称等很灵活 - 它只是 HTML 的 JS 表示的一个示例，我希望在“渲染”为 HTML 之前能够构建和修改它。

我不是要求任何人编写代码 - 我只是想知道是否存在我不知道的现有函数。

请不要为此编写代码。尤其是使用 DOM 的代码，因为这是一个服务器端问题，而且我之前遇到过 NodeJS 的假 DOM 问题。

【问题讨论】：

inner 是子数组
“正在寻找一个函数” - 你尝试过编写一个函数吗？
@FrancescoE。我知道。我的意思是它在option OP 中所做的事情现在通过他的编辑澄清了它
@nnnnnn 是的，我当然可以编写它、评论它并维护它——但它看起来是一个足够常见的任务，可能有一些我可以重用的东西。如果我没有得到答案，我会写下来并在这里发布。
@nnnnnn json2html.com 正是我想要的——所以现在世界上需要维护的代码越来越少了 ;-)

标签： javascript html node.js javascript-objects

【解决方案1】：

AFAIK，没有这样的功能的内置实现。但是我在谷歌上快速搜索后发现了这个：http://json2html.com/

看起来与您要求的非常相似。

【讨论】：