html里如何加入动态图片不显示,不载入图片不显示图片如何获取动态图片的高度宽度...

本文要讲的内容是：网页里面的Body不显示也不载入图片，如何获取某动态图片的属性，比如高度、宽度等信息。

代码如下：

var img=new Image();

img.id="MyImg";

img.src="MyCamera.png";

img.onload = function()

{

var w=img.width;

var h = img.height;

//var gCanvas = document.getElementById("canvas1");

//var cxt=gCanvas.getContext("2d");

//gCanvas.style.width = w + "px";

//gCanvas.style.height = h + "px";

//gCanvas.width = w;

//gCanvas.height = h;

//cxt.drawImage(img,0,0);

}

alert(img.height);

上面的代码呢，可以获取动态图片的高度宽度ID等属性，但是图片是不会显示在页面中的，因为img对象还没有添加到body里面。

如果需要在网页中显示图片，可以加上下面这一句。

document.body.appendChild(img);

如果需要在网页中的某个DIV里面显示图片，可以使用下面这一句。

document.getElementById("DivID").appendChild(img);