Javascript'te setAttribute Kullanımı Sorunu

Merhaba arkadaşlar. Aşağıdaki kodlarla "div" in arkaplanını "kırmızı" ve yazı rengini de "beyaz" yapmak istiyorum. Aslında aktif div'in arkaplanına uygulamak istiyorum ama bunu yaparsam hallederim gibi geliyor. Şimdi "document.getE.." ile başlayan yerleri "setAttribute" ile yapmaya çalışıyorum. Kodlar çalışmıyor. Yardımcı olabilir misiniz?

<div id="anasayfaid">
<a id="anasayfalink" href="index.php">Anasayfa</a>
</div>

var anasayfaid;
function anasayfafonksiyonu() {

document.getElementById("anasayfaid").style.display = "block";
document.getElementById("anasayfaid").style.backgroundColor = "red";
document.getElementById("anasayfaid").style.color = "#fff";

anasayfaid.setAttribute("style", "display:block; backgroundColor:red; color:#fff;");
}

var anasayfaElem = document.getElementById("anasayfaid");

anasayfaElem.style.display = "block";
anasayfaElem.style.backgroundColor = "red";
anasayfaElem.style.color = "#fff";

Bunu çalıştırman yeterli olacaktır.