js中怎么获取图片？

JavaScript019

js中怎么获取图片？,第1张

直接系在innerHtml中只能显示为文本的

应该把img添加到DOM中去才可以显示

参考下面的代码

 window.onload = function () {

             var o = document.getElementById("C_Top")

             var img = document.createElement("img")

             img.src = "

https://www.baidu.com/img/bdlogo.png

"

             var b = document.getElementById("bin2")

             b.onclick = function () {

                 o.appendChild(img)

             }

         }

这样才能把img元素添加到document中

var imgs = document.getElementsByTagName("img")

var imgURLs=new Array(imgs.length)

for(var i = 0i<imgs.lengthi++){

imgURLs[i] = imgs[i].src//如果用document.getElementsByTagName("img")[i].src每取一个图片地址就会对全部图片查找一次，这样效率比较低，还是储存在imgs中比较好！

}

//以上代码最好放在页面的最后面，或window.onload事件里，这样就不会因为页面没有全部加载完而没有全部读取到img元素