Найти ширину элемента, а не максимальную

Question

Как узнать ширину элемента?

У меня максимальная ширина 100px и ширина "auto". Я пытаюсь найти точную ширину, которая может быть <100px. </p>

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

Однако все вышеперечисленные параметры возвращают ширину 100 пикселей.

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

-Vidi

Answer 1

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

document.getElementById("id").offsetWidth;

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

Answer 2

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

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

Answer 3

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

Answer 4

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