javascript - 使用纯 javascript 从 div 获取边框宽度

标签 javascript html css

我把这个样式应用到一个 div 上

div#content {
border: 1px solid skyblue;  
}

我希望能够提醒边框的宽度,我试过这个:

window.alert( document.getElementById( "content" ).style.borderWidth );

我听说这取决于浏览器也许你能帮我 我正在使用 Firefox 18

最佳答案

请尝试以下 javascript:

alert($("#content").css("border-left-width")); //using jquery.

alert(getComputedStyle(document.getElementById('content'),null).getPropertyValue('border-left-width'));//without jquery.

getComputedStyle (元素,伪)

element:要为其设置样式的元素

伪:伪选择器,如“悬停”,如果不需要则为 null。

引用链接:http://javascript.info/tutorial/styles-and-classes-getcomputedstyle

关于javascript - 使用纯 javascript 从 div 获取边框宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14681002/

相关文章:

php - 我有一个 .php 文件,但我的外部 css 或 javascript 都不起作用

javascript - 过滤到较窄范围时 dc.js 条形图上的颜色问题

html - 正确对齐表格

jquery - 如何摆脱可折叠菜单的 "blinking"重新加载效果?

jquery - 如何在 Bootstrap col-md-1 中正确居中旋转 (90) 文本

html - 如何使用 CSS 对齐 - 初学者请求

JQueryUI - 可调整大小迫使我的 div 从位置 :Relative to Absolute 切换

javascript - 使用 array.map 渲染 <li>/> 不工作 : Return statement in map returning undefined

javascript - 今天如何在网站中使用 Dart 语言?

javascript - 仪表板的 backbone.js 设计模式