Why won't this script work as a fadeout animation effect
<p>This would be in a javascript function; with an onclick event handler or something.
Then onclick it would fadeout what ever the id for box is using the document.getElementsById() object so why won't it fadeout? Like I have seen quite a lot of effects do? Also note I'm trying to do this with out jquery or any of the plugins as I'm trying to learn and master javascript.</p>

<pre><code>setTimeout(function() {
        for(var i = 1; i&lt; 9; i++) {
            setTimeout(function() {
            box.style.opacity = '0.'+i; 
            }, 100);
        }
        }, 1000);
</code></pre>
