JS添加图片

Question

想要实现当点击时，在该div增加图片。但是始终没有得到结果。

function changeBgImage(){
                document.getElementById('pic-mid').innerHTML='<img src="images/sanjiao.png"/>';
            }

<div id="pic-mid"  onclick="changeBgImage()"></div>

想要达到的结果是这样的。

当点击或者鼠标滑过右边三栏时，增加一个三角箭头，但是我的疑惑就是，当变化时，右边的宽度就变了呀。。。

Answer 1

你的js是写在什么地方的，要把js写在div的后面哟
这里写了个例子：http://codepen.io/YuanWing/pen/VLRMqB

Answer 2

正常情况下是没有问题的。

题主确保 <div> 有高度吗？

Answer 3

难道不是应该 appendChild 而不是 innerHTML 吗？

Answer 4

楼主说的是点击一次增加一张的？？？要是这样子的就要用楼上说的appendChild了，如果只是一次的话，那就像楼主写的那样子了，不过js要放在结构代码的后面哦