2012-03-22 2 views
1

Как найти ширину элемента?Найти ширину элемента, а не maxwidth

У меня установлена ​​максимальная ширина 100px & ширина установлена ​​на «авто». Я пытаюсь найти его точную ширину динамически, которая может быть < 100px.

Я попробовал эти варианты: element.offSetWidth, element.style.width, создал область через Dom.getRegion & вытащил ширина ..

Однако все вышеуказанные варианты возврата 100px в ширину.

Любые решения, не основанные на jquery, пожалуйста?

-Vidi

ответ

5

offsetWidth действительно должен работать. Proof. Попробуйте изменить размер окна «Результат», и вы увидите обновление div.

document.getElementById("id").offsetWidth; 

Убедитесь, что вы используете offsetWidth, не offSetWidth (примечание капитализации).

+1

@vidi, не проблема! Если бы этот ответ помог вам, не могли бы вы принять его? (Щелкните по галочке с помощью этого ответа.) Спасибо! – benesch

0

document.getElementById (ID_OF_ELEMENT) .offsetWidth должен работать

0

document.getElementById("id").clientWidth должен работать

0

добавить поплавок или сделать его встроенный

<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> 
Смежные вопросы