使用javascript的createElement img

时间:2015-10-09 07:03:26

标签: javascript image createelement

它没有在浏览器上显示任何图像,我想知道在创建图像时哪里出错?我做了一个变量imgFace,我存储图像并为它制作正确的属性,但它似乎没有任何显示。

var result = []:
db.consumer.forEach( function(doc) {
   result.push({
     consname:doc.username
   });
});

3 个答案:

答案 0 :(得分:0)

function generateFaces() {
        var count = 0;
        while(count <= numberOfFaces){
            var imgFace = document.createElement("img");
            imgFace.src="http://home.cse.ust.hk/~rossiter/mooc/matching_game/smile.png";
            var random_nr = Math.random() * 400;
            random_nr = Math.floor(random_nr);
            imgFace.style.top = random_nr + "px";
            imgFace.style.left = random_nr + "px";
            theLeftSide.appendChild(imgFace);
            count++;

        }
    }

答案 1 :(得分:0)

替换此行

img.src="http://home.cse.ust.hk/~rossiter/mooc/matching_game/smile.png";

imgFace.src="http://home.cse.ust.hk/~rossiter/mooc/matching_game/smile.png";

注意:img不是您定义的正确变量名称。它应该是imgFace

答案 2 :(得分:0)

两件事,

1)您的img.src应为imgFace.src

2)您没有拨打generateFaces功能。

<强> Working fiddle