2010-05-09 3 views
1

div의 현재 크기 (px)를 반환하는 자바 스크립트 함수를 작성해야합니다. 불행히도 div의 몸무게는 px 대신 %으로 지정됩니다.백분율 대신 'px'크기 가져 오기

사업부의 스타일 : position: absolute; width: 100%; height: 100%;

그리고 내 폭 복귀 기능 :

function getTableWidth(tableId){ 
    var tabWidth = document.getElementById('pt1::tabb').children[0].children[0].style.width; 
    return tabWidth; 
} 

tabWidth는 '100 %'입니다.

% 너비 대신 px 너비를 반환 할 수 있습니까?

참고 : 작업중인 페이지가 복잡한 프레임 워크를 통해 생성되므로 html/css에 액세스 할 수 없습니다. 자바 스크립트 만 임베드 할 수 있습니다.

답변

7

각 브라우저가 다릅니다. 대부분 DOM 요소의 clientWidthclientHeight 속성을 사용할 수 있습니다. IE가 아닌 브라우저에서는 document.defaultView.getComputedStyle()을 사용할 수 있습니다. 그러나 브라우저 간 문제를 처리하는 프레임 워크를 사용하는 것이 좋습니다. jQuery에서는 $(element).width()과 같은 간단한 것을 사용하여 현재 너비를 픽셀 단위로 가져올 수 있습니다.

+1

예. 슈 jQuery !! – Midhat

+0

하하 편집 및 수정 됨. : D –

+3

OP가 jQuery를 복잡한 프레임 워크 출력에 추가/기꺼이 추가 할 수 없기 때문에 jQuery 이외의 다른 방법을 제공하기 위해 +1했다. –

2
node.offsetWidth 

트릭해야한다 (모든 브라우저에서를!)

관련 문제