offsetWidth не подходит для меня прямо сейчас, так как это включает в себя прописку и ширину границы. Я хочу узнать ширину содержимого элемента. Есть ли свойство для этого, или мне нужно взять offsetWidth, а затем вычесть ширину заполнения и ширину границы из вычисленного стиля?Получить содержимое ширины элемента
Я бы предложил либо scrollWidth, либо clientWidth в зависимости от того, хотите ли вы учитывать полосу прокрутки.
Отъезд Determining the dimensions of elements или specification itself.
Извините, оба они, кажется, дают то же самое, что и 'offsetWidth'. –
К ним относятся прокладка. –
Звучит так, как будто вы хотите использовать getComputedStyle на элементе. Вы можете увидеть пример getComputedStyle VS. offsetWidth здесь: http://jsbin.com/avedut/2/edit
Или:
window.getComputedStyle(document.getElementById('your-element')).width;
Это, конечно, сбой, если я установил 'box-sizing: border-box';) –
О, и еще одна вещь, я специально дал этот вариант в своем вопросе. Я ищу другого. –
Это было бы очень важно включить с самого начала. ;-) И в таком случае да: я думаю, вам нужно сделать вычитание. Я добавил 'getWidth' в jsbin: http://jsbin.com/avedut/6/edit (и то, как оно было сформулировано там в конце, немного подтолкнуло меня, извините) – founddrama
Поскольку это приходит первым, когда прибегая к помощи, но не соответствующий ответ еще, вот один:
function getContentWidth (element) {
var styles = getComputedStyle(element)
return element.clientWidth
- parseFloat(styles.paddingLeft)
- parseFloat(styles.paddingRight)
}
В основном мы сначала получаем ширину элемента, включая прокладку (clientWidth), а затем вычитаем отступ слева и справа. Нам нужно parseFloat прокладки, потому что они приходят как px -насыщенные строки.
Я создал небольшую площадку для этого на jsFiddle, проверить это!
Нет jQuery, но даже с jQuery, нет, это не так. –