動態添加新元素的javascript

Question

我正在嘗試為通過ajax獲取並添加到頁面的新元素動態添加javascript。 因此，我可以使用createElement（“ script”）和appendChild為頁面上已經存在的元素動態添加javascript，但是對於我剛剛通過ajax添加的新元素，這似乎無效。 有什么建議可以實現這一目標嗎？

順便說一句，我要使用.innerHTML + =代替每個子元素添加新的DOM元素，因為有很多新元素。 有關系嗎

謝謝。

Answer 1

最好利用jQuery之類的框架。

在jQuery的幫助下，跟蹤和使用動態添加的DOM元素的工作變得微不足道：

$。（document）.on（“ click”，“＃MyElement”，function（）{//做東西}）;

祝好運！

Answer 2

代替動態添加JavaScript，您應該在標題的<script>部分或作為單獨來源的文件中保留專用功能。 添加元素后，您應該添加調用這些專用函數的事件處理程序，而無需動態添加JavaScript。

Answer 3

假設您已將內容加載到名為id="container" ，則可能要使用選擇器，例如

$("#container img")

獲取元素並設置事件處理程序。

這是一個示例： http : //jsfiddle.net/PTcw8/5/