动态创建的HTML按钮上的函数调用 [英] Function Call on Dynamically Created HTML-Button

查看:56
本文介绍了动态创建的HTML按钮上的函数调用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在动态创建HTML按钮(具有id),在客户端单击另一个HTML按钮(btAdd)时.
我需要调用动态创建的html按钮的javascript功能onclick事件.
可能吗.我的代码如下
=======================

< input id ="btnAdd" type ="button" value =添加更多HTML按钮" style ="width:75px" onclick ="Addbtn()"/>

I am crating html Buttons dynamicaly(with id) on-client-click of another html-button(btAdd).
I need to call a javascript fuction onclick event of dynamically created html-button.
is it possible. my code is as follows
=========================

<input id="btnAdd" type="button" value="Add More HTML Button" style="width:75px" onclick="Addbtn()" />

<div id ="uploadArea">

</div>




========================================




===========================================

function Addbtn() 
{
            if (!document.getElementById || !document.createElement)
                return false;

            var uploadArea = document.getElementById("uploadArea");
            if (!uploadArea) return;

            var newline = document.createElement("br");           
            uploadArea.appendChild(newline);          

           
            
            var newDeleteButton = document.createElement("input");            
            newDeleteButton.type="submit";
            newDeleteButton.size="5";
            newDeleteButton.value="Delete";          
            
            
            if (!newDeleteButton.lastAssignedId) 
            {
            newDeleteButton.lastAssignedId = 100;            
            }

            newDeleteButton.setAttribute("id", "btn"+ newDeleteButton.lastAssignedId);
            newDeleteButton.setAttribute("name", "btn" + newDeleteButton.lastAssignedId);           
            uploadArea.appendChild(newDeleteButton);

            newDeleteButton.lastAssignedId++            
            
} 



function Need_To_Call_This_fucntion_OnClick_of_DynamicallyCreatedHTML_Button
{
alert("ok");
}

推荐答案

使用 addEventListener和/或attachEvent [ ^ ]将您的函数绑定到点击事件.
Use addEventListener and/or attachEvent[^] to bind your function to the click event.


这篇关于动态创建的HTML按钮上的函数调用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆