为动态生成html元素增加事件处理

• Adding OnClick property to dynamicly genertated html element
  
  
  function klik(){
  alert("ppp");
  }
  
  function addNewImg(newImageId){
  newImg = document.createelement('img');
  newImg.id = "image"+newImageId;
  newImg = document.getElementById("divimage1").appendChild(newImg);
  newImg.onclick=klik
  }
  
  it works. The new image is created and after clicking on it "ppp" is alerted.
  
  but when I use this:
  
  function klik(ff){
  alert(ff);
  }
  
  function addNewImg(newImageId){
  newImg = document.createelement('img');
  newImg.id = "image"+newImageId;
  newImg = document.getElementById("divimage1").appendChild(newImg);
  newImg.onclick=klik("ppp");
  }
  
  "ppp" is alerted in the moment of executing the statement newImg.onclick=klik("ppp"); and when clicking on the generated image nothing happens, even Javascript Console of Firefox stays blind.
  
  function addNewImg(newImageId){
  newImg = document.createelement('img');
  newImg.id = "image"+newImageId;
  newImg = document.getElementById("divimage1").appendChild(newImg);
  var onC='ppEdit("image'+newImageId+'","image")';
  document.getElementById("image"+newImageId).onclick=new Function(onC);
  }
  
  it works
  
  maybe an object detection be great to add too
  why?
  So browsers that understand document.getElementById,
  document.createelement execute the code.
  
  function addNewImg(newImageId){
  //object detection check
  if (!document.getElementById &&!document.createelement){return;}
  newImg = document.createelement('img');
  newImg.id = "image"+newImageId;
  newImg = document.getElementById("divimage1").appendChild(newImg);
  var onC='ppEdit("image'+newImageId+'","image")';
  document.getElementById("image"+newImageId).onclick=new Function(onC);
  
• [1] [2] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 为动态生成html元素增加事件处理 相关文章：
• ·Vista系统实现自动关机技巧
• ·Flash制作交互动画教程 星座查询器
• ·小技巧让你轻松DIY你的网页滚动条
• ·Coreldraw结合 R.A.V.E 制作动画
• ·动态加载外部css或js文件
• ·怎么样清除能突破主动防御的新型木马
• ·Flash与Photoshop合作制作模糊渐变动画
• ·再谈用Flash引导线制作爱心图案动画
• ·Flash用鼠标控制图片移动效果动画教程
• ·Flash引导线制作爱心图案动画
• 为动态生成html元素增加事件处理 相关软件
• ·《黑名单上的人》05蘑菇行动（198303版）
• ·《黑名单上的人》01特别行动小组（198208版）
• ·《彩虹岛》1.13升级至1.14手动更新补丁
• ·《动物丛林》小游戏
• ·动脑筋爷爷8
• ·动脑筋爷爷7
• ·动脑筋爷爷6
• ·动脑筋爷爷5
• ·动脑筋爷爷4
• ·动脑筋爷爷3

上一篇:无线网络密码恢复工具最新版下载

下一篇:如何用摄像头拍出漂亮的照片

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐