Hintergrund Bild eines div

Question

Ich schrieb dieses kleine JavaScript das Hintergrundbild von einem div zu ändern, nach einer Seite zu laden

<div id="header"> 
    <script language="JavaScript"> 
     <!-- 
     var playlist = new Array(); 
     playlist[0]="background: url('image1') no-repeat center center; background-size: cover;"; 
     playlist[1]="background: url('image2') no-repeat center center; background-size: cover;"; 
     playlist[2]="background: url('image3') no-repeat center center; background-size: cover;";  

     var c = Math.floor(Math.random()*playlist.length); 

     document.getElementById('header').style = playlist[c]; 

     --> 
</script> 

    <p>This is some text</p> 
    <p>This is some text</p> 
    <p>This is some text</p> 
</div> 

es funktioniert gut, aber es scheint, mit dem Internet Explorer/Rande nicht kompatibel. Wo mache ich mich falsch?

Answer 1

Funktioniert .style in IE? Hast du stattdessen .setAttribute ('style', playlist [c]) ausprobiert?