将html转换为javascript

Question

有没有人知道有没有工具可以把html转换成javascript。

例如：

<div>
</div>

将转换为

aDiv = document.createElement('div');
document.appendChild(aDiv);

等

我正在为UI组件做一些html模板，并使用MooShell进行原型设计。如果能够自动生成构建组件的html的javascript，那就太好了。

谢谢

Answer 1

我建议你看看John Resig的pure javascript HTML parser。它由一个用于HTML的SAX样式解析器组成，并包括一个XML序列化器、一个DOM构建器和一个DOM创建器。每个都接受一个HTML字符串作为输入。

特别是，可以很容易地改变HTMLtoDOM方法的用途，以返回为任何HTML输入字符串构建DOM所需的javascript字符串。

Answer 2

如果没有这样的工具(我强烈地认为是这种情况)，我会用同样的好方法解决这个问题:构建我自己的解析器。

Answer 3

我看到其他人已经给了你很多关于如何做到这一点的建议，但我的两点意见要牢记在心。

如果您正在使用客户端Javascript在DOM中插入/删除/修改元素，您将注意到，使用诸如jQuery之类的框架，您将无法动态地调用和操作您添加的DOM元素。

解决这个问题的最好方法是使用jQuery实时插件进行查找。