2012-01-05 2 views
0

У меня есть пустой элемент h2 с width=0. После этого я помещал некоторый контент в h2 с помощью JavaScript. Как я могу получить новую ширину элемента h2?Получить живую ширину элемента

До: <h2></h2>, затем я делаю $('h2').html('hello');, затем у меня: <h2>hello</h2>.

+0

Точно так же вы получаете его, прежде чем вставлять содержимое. –

+0

, номинант для повторного открытия, потому что отличие от дубликата состоит в том, что он имеет дело с элементом заголовка с установленной статичной шириной, в то время как предлагаемый дубликат имеет дело с элементом без статической ширины. – jondavidjohn

ответ

5

.width() - как вы получаете живую ширину элемента.

Ваша большая проблема заключается в том, что установка ширины элемента уровня блока статически, не позволяет ему расширяться, чтобы соответствовать содержимому. Если вы установите css этого h2 на overflow:hidden, вы, вероятно, увидите, что я имею в виду.

Заголовки заголовка по умолчанию заполняют доступную ширину родителя, даже когда пустые.

+0

Я получаю 0, когда я делаю $ ('h2'). Width() – tokmak

+0

@DmitryT См. Обновленный ответ ... – jondavidjohn

Смежные вопросы