document.getElementById（...）。style.display爲空

function test(id) 
{ 
    alert(document.getElementById(id).style.display); 
}

getElementById.style.display究竟返回什麼？它是一個對象還是一個值？該警報完全沒有顯示。我沒有使用純數字的id，它是唯一的。document.getElementById（...）。style.display爲空

來源

2011-07-14 ShrimpCrackers

DOM方法（如document.getElementById()）創建指向幷包含有關指定HTMLElement或元素集的某些細節的對象。

不幸的是，.style屬性只知道使用該功能設置的樣式屬性。在下面的示例中，單擊what color?將不起作用，直到您點擊change color。

<html> 
<head> 
<script> 
function whatColor() { 
    var d = document.getElementById('ddd'); 
    alert(d.style.backgroundColor); 
} 
function changeColor() { 
    var d = document.getElementById('ddd'); 
    d.style.backgroundColor='orange'; 
} 
</script> 
<style> 
#ddd { 
    background-color:gray; 
} 
</style> 
</head> 
<body> 
<input type="button" onclick="whatColor();" value="what color?" /> 
<input type="button" onclick="changeColor();" value="change color" /> 
<div id="ddd">&nbsp;</div> 
</body> 
</html>

我建議你閱讀庫爾德工人黨武裝對的getComputedStyle和currentStyle（IE，當然是不同的）大頁面http://www.quirksmode.org/dom/getstyles.html

在教程結束時，有你的目的很體面的功能，雖然這樣的框架作爲jQuery提供非常方便&功能強大的功能，爲造型頁面元素：http://api.jquery.com/css/

來源

2011-07-14 05:50:17

感謝您澄清.style只知道它設置的值。我認爲jquery的東西就是我一直在尋找的東西。 – ShrimpCrackers