borderとpaddingを含めた、Nodeの外枠のサイズを取得する。
対象Nodeが「display: none」で隠されていてもサイズを取得可能。
※Javascript標準の.offsetWidthや.offsetHeightでは隠されたNodeのサイズは取得できない。
Javascript :
var nodeW=$getOutSize($id('sample1'),'W');
var nodeH=$getOutSize($id('sample1'),'H');
var resultStr='横幅='+nodeW+' / 高さ='+nodeH;
Sass :
#sample2 {
display: none;
width: 400px;
height: 130px;
padding: 20px 40px;
border: 15px dashed #c6dbde;
}
Javascript :
var nodeW=$getOutSize('sample2','w',true);
var nodeH=$getOutSize('sample2','h',true);
var resultStr='横幅='+nodeW+' / 高さ='+nodeH;