javascript动态创建对象并添加事件
程序员文章站
2022-06-10 11:44:06
...
<html>
<script>
function menu(id,value) {
var _menu = document.createElement("input");
_menu.type = "button";
_menu.id = id;
_menu.value = value;
_menu.onclick = function() {
listener(id);
}
return _menu;
}
function initMenus() {
var _add = new menu("add","add");
var _update = new menu("update","update");
var _menuArea = document.getElementById("menuArea");
_menuArea.appendChild(_add);
_menuArea.appendChild(_update);
}
function listener(_id) {
if(_id == "add") {
alert("add");
}
if(_id == "update") {
alert("update");
}
}
</script>
<body>
<div id="menuArea"></div>
</body>
</html>
<script>
initMenus();
</script>