gpt4 book ai didi

javascript - 当 'border-width' 为 'border-style' 时,用 jQuery 获取 'none'

转载 作者:行者123 更新时间:2023-11-28 15:53:25 25 4
gpt4 key购买 nike

我需要帮助来解决这个简单的问题。我正在尝试获取元素的边框宽度,但 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>

Working DEMO

编辑:

我用的是谷歌浏览器,会不会是浏览器的bug?

提前致谢。

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

最佳答案

不用 jQuery 也能做到。

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

console.log(element.style.borderWidth);

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

关于javascript - 当 'border-width' 为 'border-style' 时,用 jQuery 获取 'none',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41872682/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com