如何使用Javascript缩小图像

Question

我正在尝试制作一个功能，每当我点击按钮时，屏幕宽度上的图像减少100px，图片的宽度都是800px，这就是我所拥有的：

var width_of_pic = 800 ;

function shrink() {
  width_of_pic = width_of_pic - 100;
  var image_element= document.getElementById( "image_element_id" ) ;
  image_element.style.width = width_of_pic;
}

Answer 1

假设ID正确，您需要指定一个单位：

image_element.style.width = width_of_pic+'px';

<强> jsFiddle example