Question

Javascript如何获得borderWidth的数值?

Object.style.borderWidth=thin|medium|thick|length

borderWidth可能的值并不是数字。那如何通过js获得具体的数值呢？因为我css写的时候是用“1px”这样的方法写了具体的宽度的。

Answer 1

JavaScript中获得css样式的值的方法：

<div style="border:solid 1px #000;border-width:10px;" id="test"></div>

1.元素的style（仅限于直接在元素上写style）

document.getElementById('test').style.borderWidth

2.currentStyle（IE，这个可以获取不在元素的style中的样式）

document.getElementById('test').currentStyle

3.getComputedStyle（低版本IE不支持，可获取伪类的样式）

getComputedStyle(document.getElementById('test'),null).borderWidth;

Answer 2

现在没见过用thin|medium|thick，这个可以忽略吧，呵呵

Answer 3

可以用parseInt( Object.style.borderWidth )来解析。

Answer 4

可以praseint

Answer 5

写个CLASS 加上class搞定