squadbrodyaga
@squadbrodyaga
татарский богатырь

Как сделать, чтобы ширина элемента была равна ширине другого?

Здравствуйте, у меня такой вопрос, как сделать, чтобы ширина элемента была равна ширине другого элемента?
Пробовал так, но как и всегда ничего у меня не работает:
let link = document.querySelector('#link');
let border = document.querySelector('#border');
border.style.width = link.offsetWidth;

Мне нужно с помощью чистого JavaScript
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
Aetae
@Aetae
Тлен
Чтоб хоть как-то заработало надо вспомнить что width задаётся в неких единицах измерения, а offsetWidth возвращает просто число: border.style.width = link.offsetWidth + 'px';

Чтоб оно менялось при изменении размера можно добавить наблюдатель(нужен ie - использовать полифил):
let link = document.querySelector('#link');
let border = document.querySelector('#border');
new ResizeObserver(() => border.style.width = link.offsetWidth + 'px').observe(link);


Но вообще в 99% случаев масштабирование элементов решается вёрсткой .
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
felony13twelve
@felony13twelve
width: 100%;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
01 нояб. 2020, в 01:53
5000 руб./за проект
01 нояб. 2020, в 00:04
50000 руб./за проект
31 окт. 2020, в 23:12
10000 руб./за проект