Browser name and version in javascript

<script type="text/javascript">
alert(navigator);
var browserName=navigator.appName;  
var userAgent = navigator.userAgent
alert(browserName);
    if (browserName=="Microsoft Internet Explorer"){
        alert("Microsoft Internet Explorer");
        alert("Microsoft Internet Explorer Version : "+navigator.appVersion);
        alert(document.documentMode;);
     
    }
    else if (browserName=="Netscape" && userAgent.indexOf("Chrome") != -1 ){
        alert("Google Chrome");
        alert("Google Chrome Version: "+navigator.appVersion);
    }
    else if(browserName=="Netscape" && userAgent.indexOf("Mozilla") != -1){
        alert("Mozilla Firefox");
        alert("Mozilla Firefox Version : "+navigator.appVersion);
    }else{
        alert("Another browser");
    }
</script> 

Javascript basic functionalities

document.getElementById("divId").style.margin='20px 20px 20px 20px';
document.getElementById("divId").style.marginTop='-2px';
document.getElementById("divId").style.marginBottom='-2px';
document.getElementById("divId").style.marginLeft='-2px';
document.getElementById("divId").style.marginRight='-2px';

document.getElementById("divId").style.padding='20px 20px 20px 20px';
document.getElementById("divId").style.paddingBottom='1px';
document.getElementById("divId").style.paddingTop='1px';
document.getElementById("divId").style.paddingLeft='1px';
document.getElementById("divId").style.paddingRight='1px';


document.getElementById("divId").style.height='146px';
document.getElementById("divId").style.width='146px';


document.getElementById("divId").style.position='relative';

document.getElementById("divId").style.display = 'NONE';
document.getElementById("divId").style.display = 'BLOCK';

document.getElementById("divId").style.visibility="visible";

document.getElementById("divId").style.backgroundColor="#CDDBF0";