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

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

我將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

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

回答

相關問題