如何使用javascript获取元素的宽度?

hmahdavi

我正在尝试使用以下代码将一个元素的宽度与“ 100%”进行比较。我写了这段代码,但是没有用。元素的宽度为100%请指教

if (document.getElementsByClassName("progress-bar")[0].offsetWidth ==="100%") {
    clearInterval(r1);
    clearInterval(r2);
    clearInterval(r3);
}
我是

您的代码正常工作,但是offsetWidth返回了屏幕上元素的物理像素宽度。由于您使用进行严格的相等比较===,因此该if()永远不会求值为true;offsetWidth返回一个开始的整数,并且永远不会附加该%值。

例如,请参见此jsFiddle演示-<input />的值变为整数。

如果绝对需要宽度作为百分比值,则需要使用HTMLElement.style属性访问元素的CSS定义,如下所示:

document.getElementsByClassName("progress-bar")[0].style.width;

jsFiddle演示

最终,您的if()区块将变为:

if( document.getElementsByClassName("progress-bar")[0].style.width == '100%' ) 
{
    clearInterval(r1);
    clearInterval(r2);
    clearInterval(r3);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用javascript获取超出其容器的元素的宽度?

来自分类Dev

如何使用JavaScript获取我的CSS元素的最大宽度

来自分类Dev

JavaScript:如何获取动态创建的元素的宽度?

来自分类Dev

如何使用AngularJS获取元素的宽度?

来自分类Dev

如何使用AngularJS获取元素的宽度?

来自分类Dev

如何使用jquery获取元素的边框宽度?

来自分类Dev

如何使用JavaScript获取屏幕配置宽度

来自分类Dev

使用JavaScript获取宽度

来自分类Dev

如何使用d3js获取svg元素的宽度?

来自分类Dev

使用谷歌聚合物,如何获取元素的宽度

来自分类Dev

如何使用JavaScript获取参考元素?

来自分类Dev

如何使用javascript获取primefaces元素的值

来自分类Dev

在Angular中,如何从指令获取元素的宽度?

来自分类Dev

如何通过JS获取元素的定义宽度?

来自分类Dev

如何获取隐藏了溢出的元素的宽度?

来自分类Dev

使用jsdom获取DOM元素的实际宽度

来自分类Dev

如何在不使用AngularJS的jQuery的情况下通过ng-click获取元素的宽度?

来自分类Dev

如何在Angularjs中使用$ comiple获取动态创建的元素的宽度

来自分类Dev

如何使用C#获取Revit中选定元素的宽度、高度和深度

来自分类Dev

Javascript:如何获取图像URL的宽度

来自分类Dev

Javascript:如何获取图像URL的宽度

来自分类Dev

使用JavaScript从隐藏图像获取宽度

来自分类Dev

倾斜转换后获取SVG元素的宽度和高度-javascript

来自分类Dev

如何使用javascript更改图像位置?如何以整数获取div宽度?

来自分类Dev

如何使用JavaScript或JQuery更改页面加载时Div元素的样式宽度?

来自分类Dev

如何使用Pygame获取文本的宽度

来自分类Dev

如何使用 getWidth() 获取视图的宽度?

来自分类Dev

如何使用javascript或jQuery在iframe之外获取元素?

来自分类Dev

如何使用javascript获取元素中的单词数?

Related 相关文章

  1. 1

    如何使用javascript获取超出其容器的元素的宽度?

  2. 2

    如何使用JavaScript获取我的CSS元素的最大宽度

  3. 3

    JavaScript:如何获取动态创建的元素的宽度?

  4. 4

    如何使用AngularJS获取元素的宽度?

  5. 5

    如何使用AngularJS获取元素的宽度?

  6. 6

    如何使用jquery获取元素的边框宽度?

  7. 7

    如何使用JavaScript获取屏幕配置宽度

  8. 8

    使用JavaScript获取宽度

  9. 9

    如何使用d3js获取svg元素的宽度?

  10. 10

    使用谷歌聚合物,如何获取元素的宽度

  11. 11

    如何使用JavaScript获取参考元素?

  12. 12

    如何使用javascript获取primefaces元素的值

  13. 13

    在Angular中,如何从指令获取元素的宽度?

  14. 14

    如何通过JS获取元素的定义宽度?

  15. 15

    如何获取隐藏了溢出的元素的宽度?

  16. 16

    使用jsdom获取DOM元素的实际宽度

  17. 17

    如何在不使用AngularJS的jQuery的情况下通过ng-click获取元素的宽度?

  18. 18

    如何在Angularjs中使用$ comiple获取动态创建的元素的宽度

  19. 19

    如何使用C#获取Revit中选定元素的宽度、高度和深度

  20. 20

    Javascript:如何获取图像URL的宽度

  21. 21

    Javascript:如何获取图像URL的宽度

  22. 22

    使用JavaScript从隐藏图像获取宽度

  23. 23

    倾斜转换后获取SVG元素的宽度和高度-javascript

  24. 24

    如何使用javascript更改图像位置?如何以整数获取div宽度?

  25. 25

    如何使用JavaScript或JQuery更改页面加载时Div元素的样式宽度?

  26. 26

    如何使用Pygame获取文本的宽度

  27. 27

    如何使用 getWidth() 获取视图的宽度?

  28. 28

    如何使用javascript或jQuery在iframe之外获取元素?

  29. 29

    如何使用javascript获取元素中的单词数?

热门标签

归档