`
ll584310793
  • 浏览: 17805 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论
阅读更多

<html>

 <head><title></title></head>
 <body onload="addLinkForImage()">
 我在前面
  <img src="Koala.jpg"  width="300" height="200" />
 我在中间
  <img src="Penguins.jpg"  width="300" height="200" />
 我在后面
 </body>
 <script type="text/javascript">
  function addLinkForImage(){
   var img=document.getElementsByTagName("img");

   for(var i=0;i<img.length;i++){
    img[i].id="img"+i;
    var img1=document.getElementById("img"+i);
    var a=document.createElement("a");
    //获取当前元素的父元素进行替换
    img1.parentNode.replaceChild(a,img1);
    a.href=img1.src;
    a.appendChild(img1);
   }
  }
 </script>
</html>

0
0
分享到:
评论

相关推荐

    程序天下:JavaScript实例自学手册

    15.12 设置textarea中的图片不处于编辑状态 15.13 禁止图像的拷贝 15.14 LOGO像雪花一样落下 15.15 多幅图片分页滚动显示 15.16 循环滚动显示图片 15.17 图片的选择展示 15.18 163图片新闻切换效果 15.19 判断上传...

    《程序天下:JavaScript实例自学手册》光盘源码

    15.12 设置textarea中的图片不处于编辑状态 15.13 禁止图像的拷贝 15.14 LOGO像雪花一样落下 15.15 多幅图片分页滚动显示 15.16 循环滚动显示图片 15.17 图片的选择展示 15.18 163图片新闻切换效果 15.19 判断上传...

    JavaScript完全自学宝典 源代码

    roundcorner.css JavaScript使用CSS模拟图片的圆角效果时使用的CSS样式文件。 第13章(\c13) 示例描述:介绍JavaScript与XML。 13.1.xml 表示书籍信息的XML信息。 13.2.js 跨浏览器兼容的XPath实现。 ...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    /js/all.js JavaScript脚本文件 /images 图片文件 第24章(/ch24) 程序描述:本章将使用Ajax技术实现无刷新即可浏览RSS的阅读器。添加一个RSS地址时,自动保存到数据库。打开阅读RSS时,自动获取...

    JavaScript王者归来part.1 总数2

     12.7.4 改变位置--创建一个绕圆圈旋转的文字   12.7.5 编辑控制及其范例   12.7.6 改变样式及其范例   12.7.7 改变行为   12.8 XML DOM   12.8.1 什么是XML DOM   12.8.2 如何使用XML DOM--一个利用...

    JavaScript实用范例词典04-14

    第4章 Cookie篇.... 96 4.1 将资料写入Cookie. 96 4.2 读取Cookie的值...... 4.3 记录浏览者的姓名......11.14 改变图片的重叠顺序... 357 11.15 灰度、反相、X光效果图片... 358 11.16 水中倒影图片...

    EIMSCMS企业网站管理系统 v6.0.rar

    34、修正了连接图片上传的BUG; 35、增加了数据表操作和数据库备份与恢复; 36、新怎了前台首页和内页的数据输出可在后台设置; 37、广告增加了Js调用; 38、系统,会员,留言,留言审核增加了后台设置; 39、...

    EimsCMS企业网站管理系统 6.0.rar

    34、修正了连接图片上传的BUG; 35、增加了数据表操作和数据库备份与恢复; 36、新怎了前台首页和内页的数据输出可在后台设置; 37、广告增加了Js调用; 38、系统,会员,留言,留言审核增加了后台设置; 39、...

    电子商务商城网站代码

    花费积分时,不改变有效期;对现在已经有积分的用户,用户的积分有效期初始化为:90积分(含以下)为3个月;90积分以上,每个积分增加1天,最长2年;用户可在自己的“积分管理”中的“积分历史记录”中看到“积分的...

    ExtAspNet_v2.3.2_dll

    -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX...

    70款经典Dreamweaver插件

    X164476_nirvana_iframePack 一组关于iframe的插件,可以动态的改变iframe中的页面 MX152319_save_all 在Drw的File菜单下加一个Save All命令,用来保存所有Dreamweaver窗口的文件 Layerfx 可以让层做绕定轴转动、...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正Form不能自适应浏览器大小的改变(feedback:kaywood)(WorkItem#6309)。 -增加重载方法Alert.Show(message, title, icon)(feedback:TheBox)(WorkItem#6353)。 -为容器控件(比如Panel,Region,Tab等)增加AJAX...

    Dreamweaver 插件集

    一组关于iframe的插件,可以动态的改变iframe中的页面 MX152319_save_all 在Drw的File菜单下加一个Save All命令,用来保存所有Dreamweaver窗口的文件 Layerfx 可以让层做绕定轴转动、震动、加速运动....... xp...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    net实用类50个常用方法升级版分页

    ///ElseDataTimeIng()返回本地电脑的当前日期的年月日时分秒 动态的显示 JS实现 ///ElsePageLoad()页面加载数据加载完成呈现页面 ///ElseCkeck()返回页面验证码图片 使用方法:单独创建一个页面 在首次加载事件...

    net实用类50超级实用方法赠分页

    ///ElseDataTimeIng()返回本地电脑的当前日期的年月日时分秒 动态的显示 JS实现 ///ElsePageLoad()页面加载数据加载完成呈现页面 ///ElseCkeck()返回页面验证码图片 使用方法:单独创建一个页面 在首次加载事件...

    net实用类50超级实用方法赠分页分页控件强大的分页

    ///ElseDataTimeIng()返回本地电脑的当前日期的年月日时分秒 动态的显示 JS实现 ///ElsePageLoad()页面加载数据加载完成呈现页面 ///ElseCkeck()返回页面验证码图片 使用方法:单独创建一个页面 在首次加载事件...

    asp.net专家疑难解答200问源码

    22.如何实现从服务器端向页面动态添加javascript脚本-示例1 22.如何实现从服务器端向页面动态添加javascript脚本-示例2 24.如何处理多页面重定向到同一页面后的返回问题 25.如何用Response.Redirect方法传递汉字 ...

    .net50个常用方法简单华丽的分页控件功能大的分页控件 50个实用方法

    ///ElseDataTimeIng()返回本地电脑的当前日期的年月日时分秒 动态的显示 JS实现 ///ElsePageLoad()页面加载数据加载完成呈现页面 ///ElseCkeck()返回页面验证码图片 使用方法:单独创建一个页面 在首次加载...

Global site tag (gtag.js) - Google Analytics