js获取类的宽度，js获取文字所占的宽度

js里面如果获取了一个li数组怎样获取它每个li的宽度?

可以，但是offsetWidth 获取的是盒子宽度，就是说 offsetWidth获取出来的值包括 padding的值，border的值，和你设置的宽度值。

先新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个模块，并设置其id为outinput，主要用于下面通过该id获得div对象。

通过获得li对象，使用each()方法遍历每一个li对象，通过text()方法获得li的值，使用push()方法将获得li值存进数组中。最后，使用alert()方法将所有li值输出。在浏览器打开test.html文件，点击按钮，查看结果。

使用Array方式创建数组.如：var arr = new Array(5)；//创建了一个宽度是5的数组。

相关问答

Q1: js中如何取到table中某一列的宽度

1、首先开始新建html文件。然后创建一个三行三列的表格。接下来开始创建js函数。接下来开始进行定义变量获取行。然后就将函数加在按钮上。就可以看到预览效果如图。最后点击第二个按钮删除 第二行。

2、JS无法获得网站服务器上保存在内存中的DataTable。但有另外一种途径，DataTable做为数据源输出到页面上之后比如Gridview，成为一个HTML的table。就可以使用JS来遍历这个table了。

3、jQuery 遍历的 eq() 方法将匹配元素集缩减值指定 index 上的一个，index表示元素的位置（最小为 0）。

Q2: js中如何取得一个div的width?注意此css的width是在中设置的。

css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。

新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

修改div高度，可以直接给div的width赋值即可。

CSS是控制样式表，CSS本身仅仅是控制控件样式的，无法取得浏览器宽度和高度，一般获取浏览器宽度和高度用JS代码获得。

Q3: css设置了border值,js怎么获取border-left和border-right的宽度?

1、同理，获取border-right宽度，只需要将left换成right就可以了。还需要注意，在IE浏览器中，综合属性border/borderLeft返回的值为 或者undefined。我们需要写出具体的属性名称来，比如borderLeftWidth，才能获取到正确的值。

2、要设置表格边框，我们可以使用CSS的border属性。border属性有三个值：border-width、border-style和border-color。border-width用于设置边框宽度，border-style用于设置边框样式，border-color用于设置边框颜色。

3、可以指定长度值。如1px，1em（单位为px，pt，em等）。或者使用关键字medium（默认），thick，thin。

4、borderWidth是取不到的（不能在所有浏览器下取到），但可以取borderLeftWidth、borderRightWidth、borderTopWidth borderColor同理。background也同理。

Q4: js获取div宽度,并宽度和宽高比计算高度

1、第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

2、运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。

3、js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

Q5: 用JS如何获取1个div的宽度?

1、第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

2、运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。

3、途径：第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

4、可以使用jquery里面的outerWidth就可以了。下面是简单的代码，仅供参考：script src=jquery.js/scriptbody div id=div/div/bodyscript $(#div).outerWidth()； //获取div的宽度。

5、}/style /head body div class=content/div ！--viewport：可视窗口，也就是浏览器。

6、css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。

js获取类的宽度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取文字所占的宽度、js获取类的宽度的信息别忘了在本站进行查找喔。