2009-11-26 8 views
14

$("#id").css("background-color")을 사용하여 요소의 배경색 (또는 대부분의 다른 CSS 특성)을 검색하는 것은 정상적으로 작동하지만 $("#id").css("border-color")은 빈 문자열을 반환합니다.jQuery를 사용하여 요소의 테두리 색 값을 얻으려면 어떻게해야합니까?

요소에 사용 된 테두리 색 값을 어떻게 얻을 수 있습니까?

+1

설명은 다음과 같습니다. http://www.quirksmode.org/dom/getstyles.html IE에서 작동합니다. –

+1

그들은 거기에 줄 스크립트를 시도 - 같은 결과가 있어요. 그래서 분명히 JQuery 문제가 아니지만 자바 스크립트 문제는 ... – JussiR

+0

JussiR : 바로 당신입니다! jQuery는 모든 것을 해결할 수 없습니다 ... –

답변

31

CSS에는 여러 가지 속성을 한 번에 보낼 수있는 "단수"속성이 있습니다. font, border, background 등의 CSS 속성은 실제로 4 개의 속성 , border-right-color, border-bottom-colorborder-left-color을 설정합니다.

테두리 색을 얻으려면 어느면을 지정해야합니다. 예를 들어, border-left-color의 현재 값을 얻기 위해, 당신은 할 줄 :

$("#id").css("border-left-color") 

당신이 모든면이 같은 색상을 가지고 기다리고있어 같이 보인다 때문에 잘 작동합니다.

+1

논리적이지만, 빈 문자열 (null with chrome)을 반환합니다. – JussiR

+1

죄송합니다. 잘못 쓰셨습니다. 테두리 왼쪽 색상, 테두리 위쪽 색상, 테두리 오른쪽 색상, 테두리 아래쪽 색상입니다. 나는 나의 대답을 업데이트 할 것이다. – William

+0

Gausie가 이미 아래에 해결책을 게시 한 것을 알고 있습니다. – William

8

윌리엄 가까이 ... 당신이 찾고있는이 건물 전체에 당신이

$('#ID').css("border-left-color") 

과 그것을위한

$('#ID').css("border-left-color","blue"); 

을 설정하기 위해 필요하므로, 국경 왼쪽 색입니다 예.

행운을 빌어 요, 그리고 코멘트에 다시 내리세요.

+0

좋아요! 나는 우리가 대답을 가지고 있다고 생각한다. – JussiR

+0

올바른 Gausie를 주셔서 감사합니다. 나는 오늘 빠져 있어야합니다. – William

+0

문제 없습니다. 그것은 당신의 해결책입니다 - 당신은 그의 Accepted JussiR을 표시 할 수 있습니까? – Gausie

관련 문제