简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

获取文章中的图片img并做点击跳转

来源:易贤网   阅读:2870 次  日期:2014-08-13 16:28:53

温馨提示:易贤网小编为您整理了“获取文章中的图片img并做点击跳转”,方便广大网友查阅!

获取文章中所有的图片,并对图片做onclick点击事件,当点击时图片在新页面中显示

<SCRIPT language="javascript">

 var imgarray = document.getElementById("content").getElementsByTagName("img");//假设内容div的id为content,首先获取该层,然后获取所有的img

 for(i=0;i<imgarray.length;i++){//循环对img添加事件.

    imgarray[i].onclick = function(){window.open(this.src);}

 }

</SCRIPT>

记着这段代码放到页面最尾部.也可以用onload事件放到页面的前面.

因为在没有打开页面前是获取不到任何对象的.

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:javascript产品比较代码
下一篇:仿百度谷歌搜索下拉框
易贤网手机网站地址:获取文章中的图片img并做点击跳转
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!