js的alert样式如何更改如背景颜色

window.alert = function(str)
{
var shield = document.createelement(div);
shield.id = shield;
shield.style.position = absolute;
shield.style.left = 0px;
shield.style.top = 0px;
shield.style.width = 100%;
shield.style.height = document.body.scrollheight+px;
//弹出对话框时地背景颜色
shield.style.background = #fff;
shield.style.textalign = center;
shield.style.zindex = 25;
//背景透明 ie有效
//shield.style.filter = alpha(opacity=0);
var alertfram = document.createelement(div);
alertfram.id=alertfram;
alertfram.style.position = absolute;
alertfram.style.left = 50%;
alertfram.style.top = 50%;
alertfram.style.marginleft = -225px;
alertfram.style.margintop = -75px;
alertfram.style.width = 450px;
alertfram.style.height = 150px;
alertfram.style.background = #ff0000;
alertfram.style.textalign = center;
alertfram.style.lineheight = 150px;
alertfram.style.zindex = 300;
strhtml = <ul style=\list-style:none;margin:0px;padding:0px;width:100%\>\n;
strhtml += <li style=\background:#dd828d;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #f9cade;\>[自定义提示]</li>\n;
strhtml += <li style=\background:#fff;text-align:center;font-size:12px;height:120px;line-height:120px;border-left:1px solid #f9cade;border-right:1px solid #f9cade;\>+str+</li>\n;
strhtml += <li style=\background:#fdeef4;text-align:center;font-weight:bold;height:25px;line-height:25px; border:1px solid #f9cade;\><input type=\button\ value=\确 定\ onclick=\dook()\ /></li>\n;
strhtml += </ul>\n;
alertfram.innerhtml = strhtml;
document.body.appendchild(alertfram);
document.body.appendchild(shield);
var ad = setinterval(doalpha(),5);
this.dook = function(){
alertfram.style.display = none;
shield.style.display = none;
}
alertfram.focus();
document.body.onselectstart = function(){return false;};
}