0

赤い枠の div があります。ページの読み込みが完了してから 3 秒後に、この境界線を消したいと思います。この div 内には 3 つの画像があり、その後は 0.1 不透明にしたいと思います。タイマーでこれをやろうとしましたが、実行されません。境界部分を機能させることができましたが、画像を実行しようとすると実行されず、Aptana は for ループがある場所にエラーがあると言います。

function setPlaylist(){
    var playlist = document.getElementById('playlist');
    var thumbnails = document.getElementsByClassName('thumb').getElementByTagName('img');

    for( var i=0,i<thumbnails.length;i++)
    {
        thumbnails[i].style.opacity = ('0.1');
    }
    playlist.style.border = ('none');
    /*thumbnails.style.opacity = ('0.1');*/
}

function timerPL(){
    setTimeout(setPlaylist,3000);
}


window.addEventListener('load',timerPL,false);
4

1 に答える 1

0

この機能:

document.getElementsByClassName('thumb').getElementByTagName('img');
//                 ^
//                  \_ It's plural. It'll return an array of elements

それらを反復する必要があります：

var thumbs = document.getElementsByClassName('thumb');

for (var i = 0; i < thumbs.length; i++) {
    var thumb = thumbs[i];

    ...
}

古いブラウザーを気にしない場合は、次を使用しますquerySelectorAll。

var thumbs = document.querySelectorAll('#playlist .thumb img');
于 2013-02-13T04:34:06.027 に答える