获取图片本身的宽高以及渲染网页后的宽高

有时候我们会碰到设置一个背景图片，但是又想完整的渲染，导致不同的屏幕宽度下，高度不一致；那么就需要知道背景图实际渲染的高度，然后在动态给容器设置高度；

获取图片的本身的像素：

var img = new Image();
img.src = document.getElementById('bgImg').src ;
alert('本身width:'+img.width+',本身height:'+img.height);
				
var wd = document.getElementById('bgImg').width;
var ht = document.getElementById('bgImg').height;
alert('渲染后width:'+wd+',渲染后height:'+ht);

//document.getElementsByClassName('download')[0].style.height = ht+'px'; 动态设置容器高度