Javascript如何获得borderWidth的数值

JavaScript中获得css样式的值的方法：

<div style="border:solid 1px #000;border-width:10px;" id="test"></div>

1元素的style（仅限于直接在元素上写style）

documentgetElementById('test')styleborderWidth

2currentStyle（IE，这个可以获取不在元素的style中的样式）

documentgetElementById('test')currentStyle

3getComputedStyle（低版本IE不支持，可获取伪类的样式）

getComputedStyle(documentgetElementById('test'),null)borderWidth;

css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。这个还是应该用js取：

documentdocumentElementclientWidth：取得浏览器页面可视区域的宽度documentdocumentElementclientHeight：取得浏览器页面可视区域的高度

screenwidth：取得屏幕宽度

screenheight：取得屏幕高度

screenavailWidth：取得除任务栏外的屏幕宽度

screenavailHeight取得除任务栏外的屏幕高度

级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

css文件中加入下边的代码:

@media only screen and (min-width: 1000px) {

这里面写最小宽度为1000px时的css样式

}

@media only screen and (max-width: 1000px) {

这里面写最大宽度为1000px时的css样式

}

其他的以此类推可以根据这些调用不同的css样式，试试吧

由淘宝前端的一篇rem的文章（ 点击前去 ），得知安卓40以下的版本浏览器，浏览器可见区域宽度与实际不符（如文中的例子，中兴U930手机上物理分辨率宽度为540px（windowouterWidth）, 页面可见区域宽度值为360px（windowinnerWidth）, 而实际页面可利用的宽度为400px左右），而引出了另一个问题，js中能够获取到各种宽度的方式，和各种宽度代表的意义。

综合下表，（在不考虑低版本安卓浏览器 页面可视区域js取得的值与实际可利用区域不符的情况）我们 设置根字体大小（用于rem）使用页面宽度的1/10，在不主动改变滚动条样式的情况下，页面宽度使用documentducumentElementclientWidth ，若需改动滚动条样式则判断为webkit内核的手机浏览器 的情况下使用windowinnerWidth

css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。这个还是应该用js取：

documentdocumentElementclientWidth：取得浏览器页面可视区域的宽度documentdocumentElementclientHeight：取得浏览器页面可视区域的高度

screenwidth：取得屏幕宽度

screenheight：取得屏幕高度

screenavailWidth：取得除任务栏外的屏幕宽度

screenavailHeight取得除任务栏外的屏幕高度

级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

假设是<img />，的宽度为width，高度为height

var width = $("img")width();

var height = $("img")height();

以上就是关于Javascript如何获得borderWidth的数值全部的内容，包括:Javascript如何获得borderWidth的数值、如何将获取的屏幕宽度之后传给css、我想写一个根据不同浏览器宽度比如：电脑，平板，手机，三种不同分辨率调取不同css样式的JS，等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！