javascript - html 中元素的默认背景值

Question

为什么第一个警报是空白的？
并且仅在我显式设置自定义值后才包含一个值？
当然，我应该看到一个默认值。我想检索该默认值，以便我可以在 Reset to defaults 中使用它稍后按钮。

基本 <div>在屏幕上，没有自定义样式应用于元素..

<div id="test">Hello</div>

一些JavaScript来显示#test的背景颜色..

alert(document.getElementById('test').style.background);
document.getElementById('test').style.background = '#999000';
alert(document.getElementById('test').style.background);

jsFiddle ..

http://jsfiddle.net/bobbyrne01/esnpL0cd/

Answer 1

一个<div>有默认的透明背景，默认.style.background是 "" 。这就是为什么你的 alert不打印任何内容。

要将背景重置为透明，您可以指定 ""到它的.style.background .

document.getElementById('test').style.background = '';

从 .style.background 获得的任何值可以存储并用于分配给 .style.background再次。