在通过ajax创建的页面元素上运行javascript

我正在使用Javascript根据用户在表单中输入的内容对页面的显示方式进行一些更改。除了一个元素外，它工作得很好。这是因为该元素通过ajax进行更改，具体取决于用户在表单前面选择的内容

我正在使用

document.observe（'dom:loaded'，function（）{

来运行我的JS代码，显然这一个元素JS不起作用，因为这些元素是在加载dom后添加的。在加载完元素后在这个页面元素上运行JS的最佳方式是什么

---

谢谢！

您可以处理父元素上的事件，然后当事件触发时，您可以使用

事件对象的
目标属性
来查找触发事件的子元素，例如，如果您想知道动态添加的按钮何时被单击，您可以执行以下操作：

document.getElementById("parent").click = function(event){
    if(event.target.id=="myButton"){
        //handle click
    }
}

<div id="parent">
    <input type="button" id="myButton" /> <!-- added dinamycally -->
</div>

document.getElementById（“父项”）。单击=函数（事件）{
if（event.target.id==“myButton”）{
//手柄点击
}
}

这是利用