得到边界宽度'使用jQuery时的边框风格'是没有#39;

时间:2017-01-26 11:40:59

标签: javascript jquery css border

我需要帮助解决这个简单的问题。我试图获得一个元素的边框宽度,但jQuery总是检索' 0px',有没有办法获得' border-width'?



$('div').css({
  'border-width': '6px',
  'border-style': 'solid'
});

$('div').css({
  'color': 'rgb(207, 38, 38)'
});

$('div').css({
  'border-style': 'none'
});

console.log($('div').css('borderWidth')); //Here is the problem I need the value to be '6px'

div {
  width: 100px;
  height: 40px;
  background-color: yellow;
  position: relative;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>element</div>
&#13;
&#13;
&#13;

Working DEMO

修改

我使用的是谷歌浏览器,它可能是浏览器错误吗?

提前致谢。

编辑2: 我需要 jQuery解决方案而不是VanillaJS

1 个答案:

答案 0 :(得分:5)

你可以在没有jQuery的情况下完成。

var element = document.getElementsByTagName('div')[0];

console.log(element.style.borderWidth);

工作示例: https://jsfiddle.net/umkwym05/