js中怎么获取图片？

JavaScript07

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中

首先放一个linkbutton上去.（去掉text，这样就看不见）

然后用js调用linkbutton的click事件(用自动产生的_dopostback来调用)

在linkbutton的click事件中读图片，然后指定div的内容。当然，div要runat=server了

用Jquery很快就可以做到了，获取图片最重要的是知道路径，知道路径后就直接能引用了，

而获取一个元素最好是有class或是id。从你的截图来看，img外层有一个a标签且这个标签有class='pic'。

但是这样好像还不够，因为可能拥有同样的类样式的a标签也有多个，同时我们还注意到有一个title的属性为餐椅，那么我们就可以这样写：

$('a.pic[title=餐椅]>img').attr('src')

//上面的选择器分析是这样的，选择一个class='pic'且title='餐椅的所有a标签下的所有img标签直接子元素，.attr()函数就是获取某一属性，这里我们明显要得到图片的src属性！