jQuery / JavaScript에서 테두리 너비를 얻는 방법

jQuery / JavaScript에서 테두리 너비를 얻는 방법

---

테두리 너비를 어떻게 파싱합니까?

style="border: solid 1px black;"

jQuery / javascript에서?

$elem.css('border-width')

하지 않습니다.

참고 요소가 다음과 같을 수 있으므로 CSS에서 너비를 구문 분석해야합니다. display:none

감사

편집 나는 실제로 인라인 스타일을 사용하지 않고, 행동상의 차이가 있다는 것을 깨닫지 못했기 때문에 단순성을 위해 그렇게 작성했습니다. 인라인 스타일에서는 잘 작동하는 것 같지만 여전히 적용된 CSS 클래스에서 값을 가져올 수 없습니다.

---

당신은 사용할 수 있습니다 parseInt();에서 테두리 너비를 구문 분석 Npx에 N:

var width = $elem.css('borderWidth'); // 150px
var parsed = parseInt(width);         // 150

주변에 Google이 있었고 테두리 너비를 얻으려면 테두리의 명시적인면을 제공해야합니다.

var borderWidth = $elem.css("border-left-width");

이는 모든 테두리가 다른 크기, 스타일 및 색상을 가질 수 있기 때문입니다. 불행히도 이것보다 더 간단한 것 같지는 않습니다.

---

jQuery는 -CSS 속성을 참조 할 때를 사용할 수 없으므로 하이픈을 제거하고 다음 문자를 대문자로 사용합니다.

$elem.css('borderWidth');

시연하기 위해 jsFiddle로 코딩되었습니다 .

---

그가 국경을 떠날 때 Generic의 대답을 완성하고 기수에 대한 애매한 의견을 포함하려면 :

<div style="border-style:solid;border-left-width:15px;"></div>

스크립트에서 :

var width =parseInt($('div').css('borderLeftWidth'),10);
alert(width);

---

var bordersOnBothSides = $("#measureMe").outerWidth() - $("#measureMe").innerWidth() );

---

요소에 대해 동일한 테두리 widh가 있거나 왼쪽 상단 테두리 너비가 필요하면 일반 js :

elem.clientLeft; //get left border of element
elem.clientTop; //get top border of element

오른쪽을 얻으려면 하단 테두리는 jquery + css를 사용합니다.

parseInt($(elem).css('borderLeftWidth'),10); // 10 use to get result in dec, not hex number system

참고 URL : https://stackoverflow.com/questions/3787502/how-to-get-border-width-in-jquery-javascript