2 u013104499 u013104499 于 2014.10.04 15:22 提问

javascript动态添加图片层为什么总是显示的最后一个图片?




<br> .divStyle <br> {<br> position:absolute;<br> top:window.event.clientY;<br> left:window.event.clientX;<br> height:150px;<br> width:600px;<br> border-style:solid;<br> border-width:thin;<br> border-color:Blue;<br> }<br>
<br> function backGround() {<br> var Date = { &quot;images/001small.jpg&quot;: &quot;[&#39;images/001medium.jpg&#39;,&#39;images/001.jpg&#39;]&quot;, &quot;images/002small.gif&quot;: &quot;[&#39;images/002medium.jpg&#39;,&#39;images/002.gif&#39;]&quot;, &quot;images/003small.jpg&quot;: &quot;[&#39;images/003medium.jpg&#39;,&#39;images/003.jpg&#39;]&quot; };<br> var divImg = document.createElement(&quot;div&quot;);<br> // var img = document.createElement(&quot;img&quot;);<br> divImg.className = &quot;divStyle&quot;;<br> for (var key in Date) {<br> divImg.innerHTML = &quot;<img src="+key+" />&quot;;//问题就出现在这里了。。。<br> }<br> document.body.appendChild(divImg);<br> }<br>


背景

1个回答

madewobadan
madewobadan   2014.10.14 13:18

“for (var key in Date) {
divImg.innerHTML = "";//问题就出现在这里了。。。

这是一个For循环,如果你的本意是循环几次就动态添加几张图片,那么“divImg.innerHTML =”改成“divImg.innerHTML +=”或者"divImg.innerHTML =divImg.innerHTML+ """,注意有个"+"号,你现在的写法只会只有最后一张图片

madewobadan
madewobadan 再给你推荐个网站www.ui3g.com 有很多脚本而且可以在线预览效果
接近 4 年之前 回复
u013104499
u013104499 恩恩,懂了,谢了啊
接近 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
GridView的最后固定显示一个增加图片,点击图片动态增加内容item
本例子实现在GridView的最后固定显示一个增加图片,点击图片动态增加内容item。 1.main.xml: &lt;RelativeLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot; xmlns:tools=&quot;http://schemas.android.com/tools&quot; android:la
JavaScript实现页面动态添加图片
Document 点击我 window.onload = function(){ document.body.addEventListener('click', function () { var myParent = document.getElementById("Banner"); var myImage = document.cre
用RecyclerView实现动态添加本地图片
本文所用的多图选择的library来自:https://github.com/lovetuzitong/MultiImageSelector简单介绍一下用法: 1、跳转到图片选择页面: Intent intent = new Intent(PassengerSetActivity.this, MultiImageSelectorActivity.class);
c if 判断状态 、控制div 动态展示图片按钮
// 启用停用样式     $(&quot;.switch&quot;).each(function () {         $(this).click(function () {             $(this).find(&quot;div:eq(1)&quot;).toggle()             $(this).find(&quot;div:eq(0)&quot;).toggle()         })
jq中append添加轮播图片,只能显示一张图片
前天在写项目的时候,想用ajax动态简历dom,使用append添加轮播图片,可是最后只显示了一张图片,然后后台json明明有两条,代码如下 //轮播图片的加载函数 $(document).ready(function(){     var lun=[];     $.post("../carousel/list.do",function(data){              
解决for循环总是输出最后一个数组的值的办法并且实现不同位置的li加载不同的img地址图片
<ul id="list"> <li>按钮1<img src=""></li> <li>按钮2<img src=""></li> <li>按钮3<img src=""></li> <li>按钮4<img src=""></li> <li>按钮5<img src=""></li>
使用ConvenientBanner时页面第一次显示总会显示最后一页
ConvenientBanner在只使用setCanLoop()时界面第一次总会显示最后一页而不是第一页
javascript动态创建Img-默认图片
javascript动态创建Img,然后检查状态,加载图像失败时使用默认图片代替 /*图片加载插件*/ $.fn.imagesLoaded = function (ok_handler, error_handler) { &quot;use strict&quot;; var self = { blank: &quot;data:image/gif;base64,R0lGODlhAQAB...
JS实现动态添加图片上传,多个单图添加
HTML代码: &amp;lt;tr class=tdbg &amp;gt; &amp;lt;td valign=&quot;middle&quot; align=&quot;right&quot; &amp;gt;产品图组:&amp;lt;/td&amp;gt; &amp;lt;td &amp;gt;图推荐尺寸:376*376 &amp;lt;/td&amp;gt; &amp;lt;/tr&amp;gt; &amp;lt;tr c
JavaScript-说说为啥循环闭包只显示最后一个i的值
循环闭包不知道这个问题大家有没有遇到过这种情况,for循环过程中永远输出最后一个值。反正我当年初学js的过程中遇到了,当时菜的时候问度娘,博客都差不多,就是看不懂。手动再见。 下面要实现的是,点击两个盒子,点击显示”这是第i个盒子”。 QAQ结果显示无论点击哪个盒子都是”这是第2个盒子”。 //html <body> <div></div> <div></div> </bo