Change element display none back to default style value JS

Question

I have a function in JS that hides the element parsed:

function hide(id){
  document.getElementById(id).style.display = \"none\";
}

How can

Answer 1

Since what you want is the default value for the element and not what's in the style sheet, you simply want to set the value to auto.

document.getElementById(id).style.display="auto"

This tells the browser to calculate what the normal display for this type of element is and to use that.