当前位置：清风网络学院 → 网站建设 → Html → 为动态生成html元素增加事件处理


	精品推荐


特别推荐

·用CSS控制浏览器的滚动条

·marquee标记的用法

·HTML语言:什么是Unicode 什么是UTF-8

·XHTML编写网页代码的七条基本规范

·HTML和XHTML的区别

·HTML语言：什么是Unicode？什么是UTF-8？


热点TOP10

·document.execCommand() 解析

·学习网页设计时要注意HTML向XHTML转化

·使用HTML＋CSS编写灵活的Tab页

·图片左右循环连续滚动代码，解决marquee的留白问题

·MyHTML Player release v1.1

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

日期：2007年12月4日作者：查看:[大字体中字体小字体]

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);
}

alternative solution:
if (!document.getElementById) {return;}
document.getElementById("image"+newImageId).onclick=function(){
ppEdit(this.id, "image");
}

（出处：清风网络学院）

上一篇:合理设置杀毒软件巧抓邮件病毒

下一篇:异域风情奥地利美丽风景集

·轻松做画家!用Photoshop把照片处理成逼真的素描画

·建立自由的会计日期的报表--1.4.让报表处理期初和期末之间的数据

·不再怕电脑病毒电脑中毒后的6招处理方法

·生不逢时的祭品谈英特尔图拉丁处理器

·照片处理 Photoshop强光光感效果处理

·QQ表情下载及QQ自定义动态表情下载

·Photoshop将肖像照片处理为超酷个性海报

·IE主页被修改的处理方法

·菜鸟学电脑轻松学习Windows系统中的批处理

·Flash制作环型立体旋转的动态文字

相关软件：

·AUTOCAD2004序列号生成器

·车臣之鉴: 俄罗斯恐怖事件根源及教训

·Google Earth 动态卫星地图汉化版带我们进入间谍时代能看见你家院子

·中国涉外事件秘闻

·Google Earth 动态卫星地图汉化版能看见你家院子的车电信做种

·动态网页制作视频教程_方成32讲 asf

·Turbo Photo(数码照片处理管理)V5.9

·简明批处理教程

·网吧上网记录生成器 V1.2

·软景HTML制造机(Softscape HTML Builder)V2.0

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

	\| 帮助(？) \| 版权声明 \| 友情连接 \| 关于我们 \| 信息发布
Copyright 2007 www.vipcn.net All Rights Reserved.	鄂ICP备05000083号Powered by:viphot