jQuery- .css（）不適用於輸入

這應該是一個非常簡單的問題，但我無法弄清楚我做錯了什麼。我試圖訪問CSS屬性「下邊框」是這樣的：jQuery- .css（）不適用於輸入

var temp = $('#divName').css('border-bottom');

不幸的是，在此之後，臨時包含字符串""

有誰知道這是爲什麼不工作或我應該做的不同地使它起作用？謝謝。

來源

2011-11-07 gabaum10

你試過'borderBottom'嗎？ –

'＃divName'是否已經包含'border-bottom'屬性？ – Sparky

的風格有更具體。由於border-bottom是其他屬性的短期屬性（類似於background，要命名爲普通屬性），必須明確給出屬性。

var elem = $('#divName'); 
var border_width = elem.css('border-bottom-width'); 
var border_color = elem.css('border-bottom-color'); 
var border_style = elem.css('border-bottom-style'); 
var border_bottom = border_width + " " + border_color + " " + border_style;

小提琴：http://jsfiddle.net/6wRj4/
參見：MDN: border-bottom short-hand。

來源

2011-11-07 18:43:04

可能值得一提的是，這不是* jQuery中的錯誤。 jQuery在瀏覽器返回它們時精確地報告CSS屬性，並且不同的瀏覽器有時會爲同一個HTML文檔返回不同的答案。 – Blazemonger

實際上，使用'window.computedStyle（）'和'element.currentStyle []'（IE）方法。一些值由jQuery修改，以在不同的瀏覽器中顯示相同的結果。 –

啊。現在這很有道理。我在Jquery文檔中看到了類似的內容，但沒有將2和2放在一起。謝謝。 – gabaum10

檢查以確保$（'＃divName'）確實選擇了單個元素。你可以在jquery對象上使用數組語法來取回底層的DOM對象。您還應該檢查（例如，使用Firebug）以確保您所查看的DOM元素確實具有您要查找的樣式。

如果這兩點都正常工作，你可以嘗試使用更精細的邊框屬性...下邊框樣式，底部邊框寬度等

來源

2011-11-07 18:40:37 RMorrisey

試用document.getElementById("divName").style.borderBottom;。

來源

2011-11-07 18:44:50 jsonx

jQuery- .css（）不適用於輸入

回答

相關問題