动态创建的HTML按钮上的函数调用 [英] Function Call on Dynamically Created HTML-Button
本文介绍了动态创建的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屋!
查看全文