2

Например взять красный цвет или зеленый с квадрата и закрасить круг этим цветом?

.red{
  width: 10px;
  height: 10px;
  background-color: red;
}

.green{

   width: 10px;
  height: 10px;
  background-color: green;
}

.circle{
  
  width: 30px;
  height: 30px;
  border: solid;
  border-radius: 20px;
}
<div class="red" ></div>
<br>
<div class="green"></div>

<br>

<div class="circle"></div>

1
  • 1
    Читаем про getComputedStyle. Но к сожалению или к счастью., кому как, не будет работать в некоторых браузерах, например в мозе.
    – And
    28 апр 2019 в 4:28

1 ответ 1

2

document.querySelectorAll(".red, .green").forEach(el => {
  el.addEventListener("click", function(e) {
    document.querySelector(".circle").style.backgroundColor = window.getComputedStyle(this).backgroundColor;
  });
});
.red {
  width: 20px;
  height: 20px;
  background-color: red;
}

.green {
  width: 20px;
  height: 20px;
  background-color: green;
}

.circle {
  width: 30px;
  height: 30px;
  border: solid;
  border-radius: 20px;
}
<div class="red"></div>
<br>
<div class="green"></div>
<br>
<div class="circle"></div>

Ваш ответ

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

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