查找元素的宽度，而不是最大值

如何查找元素的宽度？查找元素的宽度，而不是最大值

我将maxwidth设置为100px &宽度设置为“auto”。我试图找到它的确切宽度动态，可能是< 100px。

我试图这些选项： element.offSetWidth，element.style.width，通过Dom.getRegion &拉宽度创建的区域..

然而，所有上述选项返回100px的作为宽度。

任何非jQuery的解决方案，请吗？

-Vidi

来源

2012-03-22 user2793354

尝试'offsetWidth'以小写's'，而不是'offSetWidth' – Paulpro 2012-03-22 00:21:50

伙计们，非常感谢您的回复。 offsetWidth确实可行！有2 标签被渲染彼此之间，显然我的逻辑拉第二个是不正确的，所以它总是提醒我回到第一个元素的宽度是100px。真的很感谢你所有的时间:) -Vidi – user2793354 2012-03-22 01:07:54

offsetWidth真的应该工作。 Proof。尝试调整“结果”窗口的大小，然后您会看到大小更新为div。

document.getElementById("id").offsetWidth;

请确保您使用offsetWidth，不offSetWidth（注意大小写）。

来源

2012-03-22 00:22:08 benesch

伙计们，非常感谢你的回复。 offsetWidth确实可行！有2 标签被渲染彼此之间，显然我的逻辑拉第二个是不正确的，所以它总是提醒我回到第一个元素的宽度是100px。真的很感谢你所有的时间:) -Vidi – user2793354 2012-03-22 01:07:32

@vidi，不是问题！如果这个答案对你有帮助，你会介意接受吗？（点击这个答案复选标记的大纲。）谢谢！ – benesch 2012-03-22 01:31:23

的document.getElementById（ID_OF_ELEMENT）.offsetWidth应该工作

来源

2012-03-22 00:23:24

document.getElementById("id").clientWidth应该工作

来源

2012-03-22 00:32:30 Tregoreg

加浮动或使其内嵌

<style type="text/css"> 
     #test_max_width{ 
      max-width : 100px; 
      float:left; 
     } 
    </style> 
    <div id="test_max_width">s</div> 
    <input type="button" value="more" id="addcontent"/> 
    <script type="text/javascript"> 
     var output = document.getElementById("test_max_width"); 
     document.getElementById("addcontent").onclick= function () { 
      output.innerHTML += output.innerHTML; 
      console.log (output.offsetWidth); 
     }; 
    </script>

来源

2012-03-22 00:51:07

伙计们，非常感谢您的回复。 offsetWidth确实可行！有2 标签被渲染彼此之间，显然我的逻辑拉第二个是不正确的，所以它总是提醒我回到第一个元素的宽度是100px。真的很感谢你所有的时间:) -Vidi – user2793354 2012-03-22 00:54:08

查找元素的宽度，而不是最大值

回答

相关问题