J'ai besoin d'une alternative à innerHtml

Question

Ceci est mon code. J'essaie de trouver une alternative à l'utilisation de innerHTML à la fin.

function randomBanners() 

{ 

var allBanners=new Array(); 

allBanners[0]="< src='' />"; 

allBanners[1]="< src='' />"; 

allBanners[2]="< src='' />"; 

allBanners[3]="< src='' />"; 

var l =allBanners.length; 

var r=Math.random(); 

var t=l * r; 

var i = Math.floor(t); 

document.getElementById("header").innerHTML = allBanners[i]; 

Answer 1

Essayez:

$('header').text(allBanners[i]); 

Ou:

$('header').text(allBanners[i]); 

Dans le cas où allBanners [] contiennent du code HTML.

Answer 2

Je ne suis pas sûr de ce que vous essayez de faire, mais si vous voulez créer une image avec un src aléatoire via DOM:

var banners= ['foo.gif', 'bar.jpeg', 'bof.png']; 

var img= document.createElement('img'); 
img.src= banners[Math.floor(banners.length*Math.random())]; 
document.getElementById('header').appendChild(img);