Как вытащить ссылку из css, background-image: url?

Question

[Елена]

Возможно ли скопировать ссылку из background-image и использовать ее в js? У меня вот так устанавливается аватарка:

.user-info__photo {
  width: 150px;
  height: 150px;
  min-width: 150px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-image: url(https://avatars.mds.yandex.net/get-pdb/1780525/6287ec4f-68fa-4021-838a-5ed9527c7a24/s1200?webp=false);
  position: relative;
}

нужна эта ссылка, чтоб при нажатии на аватар, ссылка картинки попадала в попап

Comments

[Андрей Федоров]

погуглите метод getComputedStyle

[Елена]

Андрей Федоров, спасибо)

Answer 1

[Александр Векслер]

const style = getComputedStyle(yourElement)

const bgImage= style['background-image']