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个回答

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

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

madewobadan
冬冬瓜 再给你推荐个网站www.ui3g.com 有很多脚本而且可以在线预览效果
接近 6 年之前 回复
u013104499
MnZlZ 恩恩,懂了,谢了啊
接近 6 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐