Javascript 对象到 HTML 转换函数
Javascript object to HTML transform function
我正在寻找可以转换的函数:
{ 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 表示的一个示例向上修改,之前"rendering"改为HTML.
我不是要任何人编写代码 - 我只是想知道是否有我不知道的现有函数。
请不要为此编写代码。特别是使用 DOM 的代码,因为这是一个服务器端问题,我之前遇到过 NodeJS 的假 DOMs.
的严重问题
据我所知,没有内置实现这样的功能。然而,我在 Google 上快速搜索后发现了这个:http://json2html.com/
看起来与您要求的非常相似。
我正在寻找可以转换的函数:
{ 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 表示的一个示例向上修改,之前"rendering"改为HTML.
我不是要任何人编写代码 - 我只是想知道是否有我不知道的现有函数。
请不要为此编写代码。特别是使用 DOM 的代码,因为这是一个服务器端问题,我之前遇到过 NodeJS 的假 DOMs.
的严重问题据我所知,没有内置实现这样的功能。然而,我在 Google 上快速搜索后发现了这个:http://json2html.com/
看起来与您要求的非常相似。