如何使用javascript返回元素的默认显示样式？

Question

不同的HTML元素具有不同的默认值display值。例如：

• div是block
• span是inline-block

我有一个隐藏的JavaScript元素：

element.style.display = 'none'; 

如何设置正确的默认值回，而不必从元素类型中推导出它：

// Sets 'block' if 'element' is 'div', 'inline-block' if 'span', etc.  
element.style.display = ?; 

MDN reference似乎没有列出default或类似的东西。

没有jQuery或类似的库，只有香草Javascript。

Answer 1

您可以使用删除属性。

document.getElementById(id).style.removeProperty('display'); 

然后这将使用默认值。