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 有很多脚本而且可以在线预览效果
大约 3 年之前 回复
u013104499
u013104499 恩恩,懂了,谢了啊
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片