如何使用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' );

这将使用默认值。