javascript将图像分配为带有替代文本

Question

我使用JavaScript

我没有找到如何分配图像以跨度并将alt文本添加到该图像的方法

我有这个代码：

<a href="testUrl" >
  <span id="101"></span>                                    
</a>

这是javascript代码：

var pic = "C:\image1.jpeg"; 
var img = new Image(); 
img.src=pic ;
var defautValue='10'
var nbrInc='(';
nbrInc=nbrInc.concat(defautValue,img,')');  
document.getElementById("101").innerHTML=nbrInc;

Answer 1

例

Answer 2

jsfiddle示例： https ：//jsfiddle.net/dxbv69uq/

var pic = "http://images.visitcanberra.com.au/images/canberra_hero_image.jpg"; 
var img = new Image();
img.onload = function() {
    var e = document.createElement("img");
    e.setAttribute("src", img.src);
    e.setAttribute("alt", "title");
    document.getElementById("101").appendChild(e);
}
img.src=pic;