Question

css设置了border值，js怎么获取border-left和border-right的宽度？

代码及报错如图所示。





Answer 1

获取样式中border-left的宽度：
var obj = document.getElementById('div1').
现代浏览器，以下三种方式都可以：
obj.style['border-left-width']
obj.style['borderLeftWidth']
obj.style.borderLeftWidth
如果是IE浏览器，则将style换成currentStyle:
obj.currentStyle['border-left-width']
obj.currentStyle['borderLeftWidth']
obj.currentStyle.borderLeftWidth
同理，获取border-right宽度，只需要将left换成right就可以了。
还需要注意，在IE浏览器中，综合属性border/borderLeft返回的值为'' 或者undefined。我们需要写出具体的属性名称来，比如borderLeftWidth，才能获取到正确的值。

Answer 2

去掉横杠，并且第二个单词首字母大写，如：obj.currentStyle['borderLeft'];

Answer 3

.style["border-left"]