2

Есть элемент div, в CSS файле у него прописано свойство width: 90%.

Kак в JS получить ширину этого элемента в пикселях?

2
  • Если есть jquery $('div').innerWidth();
    – Andrew B
    7 мая 2018 в 20:20
  • @AndrewB Мне на чистом нужно было, но спасибо :) 8 мая 2018 в 20:42

2 ответа 2

9

В зависимости, какую ширину вы хотите получить, можно использовать различные свойства:

  • offsetWidth - это ширина блока, включая все padding, border, но без margin.

  • clientWidth - это ширина блока, включая padding, но без border, margin и без scroll. Если блоки инлайновые, то ширина блока будет равна 0.

  • getBoundingClientRect().width - это ширина блока высчитывается по принципу clientWidth, но даёт дробное число.

Так что, в данном случае можно ответить тремя ответами:

document.querySelector('.myDiv').offsetWidth
document.querySelector('.myDiv').clientWidth
document.querySelector('.myDiv').getBoundingClientRect().width
5

ну примерно так:

document.querySelector('.myDiv').offsetWidth

подробнее о разных вариантах ширины, например тут https://learn.javascript.ru/metrics

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.