2011-11-07 11 views
6

これは本当に簡単な問題ですが、私が間違っていることを理解できません。私はCSSのプロパティにアクセスしようとしています「のborder-bottom」は、このように:jQuery- .css()は入力用に機能しません

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

残念ながら、この後、tempが、これが機能しない理由""

は誰もが知っていますか私は何をすべきかの文字列に含まれていますそれを機能させるために別の方法で?ありがとう。

+0

'borderBottom'を試しましたか? –

+0

'#divName'はすでに' border-bottom'プロパティを含んでいますか? – Sparky

答えて

8

スタイルがより具体的でなければなりません。 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

+0

これはjQueryのバグとはみなされていません。 jQueryは、ブラウザが返したCSS属性を正確に報告します。ブラウザによっては、同じHTMLドキュメントに対して異なる回答が返されることがあります。 – Blazemonger

+0

実際、 'window.computedStyle()'と 'element.currentStyle []'(IE)メソッドが使われています。いくつかの値は、異なるブラウザ間で同じ結果を表示するためにjQueryによって変更されます。 –

+0

ああ。今、それは多くの意味があります。私はJqueryのドキュメントでこれを見ましたが、2と2を一緒に入れませんでした。ありがとうございました。 – gabaum10

2

$( '#divName')が1つの要素を選択していることを確認してください。 jqueryオブジェクトの配列構文を使用して、基礎となるDOMオブジェクトを取得することができます。また、(たとえば、Firebugを使用して)チェックして、探しているDOM要素が探しているスタイルを持っていることを確認する必要があります。

それらのものの両方が正しく機能している場合は、あなたがより多くの粒状のボーダープロパティを使用してみてください...のborder-bottom-スタイル、のborder-bottom-幅など

0

document.getElementById("divName").style.borderBottom;をお試しください。

関連する問題