当前位置: 首页 > 面试题库 >

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

拓拔稳
2023-03-14
问题内容

我如何解析边框宽度

style="border: solid 1px black;"

在jQuery / javascript中?

$elem.css('border-width')

不这样做。

注意我需要从css解析宽度,因为元素可能是 display:none

谢谢

编辑
我实际上并没有使用内联样式,我只是为了简单起见以这种方式编写了该代码,因为我没有意识到任何令人讨厌的差异。虽然对于内联样式它似乎工作正常,但是仍然无法从已应用的CSS类中获取任何值。


问题答案:

您可以使用 parseInt();解析从 Npx到的边框宽度 N

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

我周围有一个Google,为了获得边框的宽度,您必须提供边框的显式侧面:

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

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



 类似资料:
  • 问题内容: 我在Firebug控制台中运行以下代码。 出现红色图像边框,但返回一个空字符串,这是为什么? 它在Chrome和Safari开发人员工具中运行良好。 更新 :jQuery文档说,获取CSS值时不支持速记属性。但是我也尝试了以下方法,但在Firefox中没有运气(Chrome和Safari中都可以使用) 问题答案: 引用文档。 不支持速记CSS属性(例如margin,background

  • 问题内容: 有没有一种方法可以使用javascript获取用户设备的宽度,而不是视口的宽度? 我可以说CSS媒体查询提供了这一点 和 如果我将智能手机定向为横向模式,这将很有用。例如,在iOS 上,即使在iPhone 4上,也将同时声明横向和纵向模式的声明 ,据我所知,Android并非如此,因此在这种情况下使用device-width成功地同时针对两个方向,而不定位桌面设备。 但是 ,如果我基于

  • 我想在聚焦时改变边框宽度。我的输入框有1px的实心边框。对焦时改变2px不同颜色的实心边框。但是有1px的差异,所以包含这个输入框的div在聚焦时会改变它的宽度1px。我想解决这个问题。我是html和css的初学者,所以我需要你的帮助。谢谢. null null

  • 问题内容: 如何在jQuery中获得复选框的值? 问题答案: 要获取Value属性的值,您可以执行以下操作: 或者,如果您为其设置了或,则可以: 但是,无论是否选中它都会返回 相同的 值,这可能会造成混淆,因为它与提交的表单行为不同。 要检查是否已检查,请执行以下操作:

  • 使用了CSS技巧中的进度条代码。无法在进度条上添加边框而不会使其看起来更糟。 我在这里使用了CSS技巧中的进度条形码 我对原始代码进行了几次更改以获得类似于这样的东西 http://dl.dropbox.com/u/8743819/reducedtestcase/ProgressBars/custombar.html 计价器 请注意,标记(完成)的部分已完成。请看这里的演示。 我试着给计价器加上边

  • 如何获取文本框里的文字宽度