图像不会变宽

Question

我正在尝试制作一个具有宽度和高度函数的迷你图像编辑器。点击按钮后，图像应该变得更宽。我试着在控制台打印宽度调试，但图像没有变宽。我还尝试了许多其他的变化，但都不起作用。

那么，这是我的代码:

function go1(){
setInterval( function() {document.getElementById("testimage").style.width + 10}, 250)
}

Answer 1

你的第一个问题是，当你计算一个新的宽度时，你没有在你的代码中设置新的宽度。

第二个问题是IMG标签不使用width样式。相反，它们有一个width属性

function go1(){
setInterval( function() {
var im = document.getElementById("testimage");
var newWidth = (im.getAttribute("width") ? im.getAttribute("width") : 0) + 10;
im.setAttribute("width", newWidth);
}, 250)
}