html - 使用 JS 函数生成 Dom 的库

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为它们往往会吸引固执己见的答案和垃圾邮件。相反，describe the problem以及到目前为止已采取哪些措施来解决该问题。

已关闭 9 年前。

Improve this question

我正在寻找一个允许我使用简单的 js 函数生成 DOM 的库。

以下是我想象的代码的示例:

var dom = 
    div({class:'aaa', style:'background-color: yellow;'}, [
        h1([text('Hello')]),
        h2([text('World')])
    ])

$('body').innerHTML(dom.render())

你见过这样的事情吗？谢谢!

Answer 1

jQuery 还不错:

var dom = $('<div class="aaa"/>')
    .css('background-color', 'yellow')
    .append(
        $('<h1/>').text('Hello'),
        $('<h2/>').text('World')
    );

尝试谷歌搜索“js dom builder”。我发现:

• http://insin.github.io/DOMBuilder/build.html
• https://code.google.com/p/mkup/wiki/Examples .
• https://github.com/fgnass/mkay