动态添加HTML元素导致按钮失效的解决方法

在前端开发中，我们经常需要通过JavaScript动态地向网页中添加HTML元素。常见的做法是使用innerHTML属性来修改DOM元素的内容。然而，有时候我们会遇到一个问题：当使用innerHTML添加的HTML代码中包含按钮元素时，这些按钮可能会失去其预期的功能。本文将介绍这个问题的原因，并提供解决方法。

问题描述
假设我们有一个包含按钮的网页，并且我们希望通过JavaScript动态地向其中添加新的按钮。我们可能会使用类似下面的代码来实现这个目标：

var container = document.getElementById('container');
container.innerHTML = '<button id="dynamicButton"