从一个对象中选择颜色,然后单击另一个对象并更改其背景颜色

时间:2017-05-02 20:17:51

标签: javascript colors onclick

我正在制作一款游戏,但我目前仍然遇到了一段时间以来一直试图解决的问题。我需要选择一个蓝色的圆圈,然后点击一个清晰的圆圈,然后清晰的圆圈需要将其属性背景更改为蓝色,但仅当我点击清晰的圆圈时。

1 个答案:

答案 0 :(得分:0)

假设第一个圆圈的id为“circle-1”,第二个圆圈为“circle-2”,假设您使用css属性“background-color”指定元素的颜色,则可以执行以下操作:

document.querySelector('#circle-2').style.backgroundColor = window.getComputedStyle(document.querySelector('#circle-1')).getPropertyValue('background-color');

当然,您必须在点击圆圈时绑定此代码并使用$(this)进行调整以选择当前颜色以使其动态化

相关问题