如何使用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或类似的库，只有vanilla Javascript。

Answer 1

您可以使用删除属性。

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

然后使用默认值。