Javascript 使用innerHTML和appendChild执行外部JS

我一直在玩弄Google几天前刚刚推出的Material Design Lite库，但我有一些问题，特别是当HTML使用

innerHTML

和

appendChild

更改时，如何启动（或执行？）外部JS

参见第一个示例。如您所见，菜单的HTML在第一次加载时已经在HTML文件中，因此菜单工作正常

但在示例中，文档的HTML是使用JS修改的。但是，我认为，菜单不再工作，因为脚本没有执行

---

我如何解决这个问题？实现这一结果的更好方法是什么？谈到JavaScript，我是个新手。

当动态插入菜单按钮（当用户单击时），它不会被分配事件侦听器来显示菜单。我猜material design库在加载HTML（库）时会解析HTML（因为您是在HTML文档的底部加载它）。由于它在用户单击时已经加载，因此它不会检查已插入的新元素，也无法将其分配给事件侦听器

---

如果是这种情况，您需要找到一种方法让库识别您的新按钮。

您需要从库中附加适当的事件侦听器。通过此更改（在附加项后添加

componentHandler.upgradeAllRegistered（）；

），它应该可以工作：

document.body.appendChild(menu);
componentHandler.upgradeAllRegistered();