如何在jQuery/javascript中获取边框宽度

你可以用 parseInt(); 分析边框宽度的步骤 Npx 到 N :

var width = $elem.css('borderWidth'); // 150px
var parsed = parseInt(width);         // 150

我有一个谷歌左右,似乎为了得到一个边界的宽度,你必须提供一个明确的边界边:

var borderWidth = $elem.css("border-left-width");

这是因为每个边框都有可能有不同的大小、样式和颜色。不幸的是,它似乎没有比这更简单。

jQuery不允许使用 - 当引用CSS属性时,请删除hypen并大写以下字母。

$elem.css('borderWidth');

Coded in jsFiddle to demonstrate .

var bordersOnBothSides = $("#measureMe").outerWidth() - $("#measureMe").innerWidth() );

<div style="border-style:solid;border-left-width:15px;"></div>

在脚本中:

var width =parseInt($('div').css('borderLeftWidth'),10);
alert(width);

elem.clientLeft; //get left border of element
elem.clientTop; //get top border of element

要获得正确的结果,请使用jquery+css:

parseInt($(elem).css('borderLeftWidth'),10); // 10 use to get result in dec, not hex number system