El problema está en que con la forma
element.style.width
no puedes obtener el valor de su ancho. Para eso, necesitas utilizar el método
getComputedStyle
.
Código Javascript
:
Ver originalvar bloque = document.getElementById("bloque");
function move(element){
var width = window.getComputedStyle(element, null).width;
width = parseInt(width) + 1;
element.style.width = width + 'px';
}
setInterval(function(){
move(bloque);
}, 10);
Como dicho método devuelve el valor junto con la medida, utilizo a la función
parseInt
para tomar la parte numérica. La función se ejecutará cada 10 milésimas de segundo y, en cada ejecución, irá incrementando el valor del ancho del elemento en 1.
Y para navegadores anteriores a IE 9, utiliza el método
currentStyle
.
Saludos