How can I show an element that has display: none in a CSS rule?

Question

I have a really simple external css stylesheet that has the following :

div.hideBox {
    display:none;
}

So when the html page loads, the div

Answer 1

document.getElementById('mybox').style.display = "block";