为动态生成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); - [1] [2] 下一页
-
- 为动态生成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
- ·HTML 4.0 语言快速入门参考教程
- ·Div+CSS布局入门教程(全)
- ·Windows 桌面风格页面制作点滴
- ·CSS样式表详解
- ·图片左右循环连续滚动代码,解决marquee的留白问题
- ·认识学习CSS中的滑动门技术
- ·css实现文字的自动隐藏
- ·HTML表格标记:行的水平对齐属性ALIGN
- ·页面显示问题
- ·HTML基础知识
- ·实现鼠标经过超链时的提示图层
- ·初学:什么是DIV+CSS?有什么优势?
- ·DIV CSS网页布局学习中容易出现的问题汇总
- ·HTML标签语义 科学合理的运用HTML标签
- ·CSS标准网页设计UL和DIV使用的技巧总结
- ·网页中嵌入Flash的方法讨论
- ·HTML基础学习笔记
- ·frameset 使用心得
- ·正则表达式过滤HTML危险脚本
- ·无边框窗口代码详解
特别推荐
- ·HTML语言:什么是Unicode 什么是UTF-8
- ·XHTML编写网页代码的七条基本规范
- ·HTML和XHTML的区别
- ·HTML语言:什么是Unicode?什么是UTF-8?
- ·HTML 和 XHTML 区别
- ·HTML标记全集
- ·分析比较:三种简洁的Tab导航简析
- ·HTML教程-HTML简介
- ·网页Web标准化教程关于表格的应用
- ·网页代码常用小技巧总结续,网页制作学习
- ·HTML 标记参考手册
- ·用htc实现html编辑器
- ·HTML 4.0 语言快速入门参考教程
- ·初学:什么是DIV+CSS?有什么优势?
- ·网页制作实例CSS用一张图片实现圆角
- ·DIV CSS网页布局学习中容易出现的问题汇总
- ·HTML标签语义 科学合理的运用HTML标签
- ·53个CSS-不可或缺的技巧
- ·页面显示问题
- ·CSS标准网页设计UL和DIV使用的技巧总结
