Расширяющийся блок.

[Gim]

Нужно что бы при нажатии блок растягивался без остановки. Использую setInterval но функция работает лишь 1 раз при нажатии.

<div style="background:#000;height:25;width:25;" onClick="setInterval(this.style.width=parseInt(this.style.width)+50,100)"></div>

Ещё пытался сделать как показано ниже, но ничего не работает. Где ошибки и как всё сделать правильно?

function qwe(){this.style.width=parseInt(this.style.width)+50;setTimeout(qwe,100);}

[monolithed]

<style type="text/css">
div {
    background: blue;
    position: absolute;
    color: white;
    text-align: center;
    width: 100px;
    height: 100px;
}
</style>

<script type="text/javascript">
window.onload = function(){
    var i = 0;
    (function(){
        if(++i <= 300){
           var element = document.getElementsByTagName('div')[0];
           element.style.width = i+'px';
           element.innerHTML = parseInt(i/3)+'%';
           setTimeout(arguments.callee, 10);
        }
    })();
};
</script>
<div></div>

[Gim]

+1 Спасибо, сейчас буду пробовать =)

[Gim]

Новая проблема: мне нужно находить по id
document.getElementsById('qwe');
Но это не работает.

[UnderShot]

<style type="text/css">
div {
    background: blue;
    position: absolute;
    color: white;
    text-align: center;
    width: 100px;
    height: 100px;
}
</style>

<script type="text/javascript">
window.onload = function(){
    var i = 0;
    (function(){
        if(++i <= 300){
           var element = document.getElementById('qwe');
           element.style.width = i+'px';
           element.innerHTML = parseInt(i/3)+'%';
           setTimeout(arguments.callee, 10);
        }
    })();
};
</script>
<div id="qwe"></div>

[Gim]

+1 Спасибо. Нашел свою ошибку. Когда я пытался так сделать, я просто не заметил что не убирал символ ElementsById хехе.