| 1 | <html> |
|---|
| 2 | <head> |
|---|
| 3 | <title></title><style type="text/css"> |
|---|
| 4 | html,body { |
|---|
| 5 | width:100%; |
|---|
| 6 | margin:0px; |
|---|
| 7 | padding:0px; |
|---|
| 8 | border:none; |
|---|
| 9 | } |
|---|
| 10 | #tester { |
|---|
| 11 | padding: 5px 10px 12px 40px; |
|---|
| 12 | } |
|---|
| 13 | .test2 { |
|---|
| 14 | padding-left:500px !important; |
|---|
| 15 | } |
|---|
| 16 | </style> |
|---|
| 17 | <script type="text/javascript" language="JavaScript"> |
|---|
| 18 | |
|---|
| 19 | function getPadding(element) { |
|---|
| 20 | var top = 0; |
|---|
| 21 | var bottom = 0; |
|---|
| 22 | var left = 0; |
|---|
| 23 | var right = 0; |
|---|
| 24 | |
|---|
| 25 | try { |
|---|
| 26 | top = element.currentStyle.paddingTop; |
|---|
| 27 | bottom = element.currentStyle.paddingBottom; |
|---|
| 28 | left = element.currentStyle.paddingLeft; |
|---|
| 29 | right = element.currentStyle.paddingRight; |
|---|
| 30 | } catch(err) { |
|---|
| 31 | top = parseInt(window.getComputedStyle(element,null).paddingTop); |
|---|
| 32 | bottom = parseInt(window.getComputedStyle(element,null).paddingBottom); |
|---|
| 33 | left = parseInt(window.getComputedStyle(element,null).paddingLeft); |
|---|
| 34 | right = parseInt(window.getComputedStyle(element,null).paddingRight); |
|---|
| 35 | } |
|---|
| 36 | return new Array(top,bottom,left,right); |
|---|
| 37 | } |
|---|
| 38 | |
|---|
| 39 | function test() { |
|---|
| 40 | alert(getPadding(document.getElementById('tester'))); |
|---|
| 41 | } |
|---|
| 42 | |
|---|
| 43 | </script> |
|---|
| 44 | </head> |
|---|
| 45 | <body onLoad="test()" onResize="test()"> |
|---|
| 46 | <div id="tester" class="test2"> |
|---|
| 47 | asdf |
|---|
| 48 | </div> |
|---|
| 49 | </div> |
|---|
| 50 | </body> |
|---|
| 51 | </html> |
|---|
