Javascript 如何将颜色值从一个div复制到另一个div?

Javascript 如何将颜色值从一个div复制到另一个div?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,在重新创建名为mastermind的游戏的过程中,我需要在单击按钮时将颜色值从一个div复制到另一个div。尽管我对如何使用javascript实现这一点感到困惑。虽然我没有遇到过类似情况的人,但我已经浏览过网络。我会把我的代码贴在下面,这样你们可以看一下,也许能想出一个有效的方法 这是我的密码: var color=[“红色”、“蓝色”、“黄色”、“白色”、“黑色”、“绿色”、“橙色”、“洋红”]; 函数generateCode(){ var=[]; while(拾取的长度=color.le

在重新创建名为mastermind的游戏的过程中,我需要在单击按钮时将颜色值从一个div复制到另一个div。尽管我对如何使用javascript实现这一点感到困惑。虽然我没有遇到过类似情况的人,但我已经浏览过网络。我会把我的代码贴在下面,这样你们可以看一下,也许能想出一个有效的方法

这是我的密码:

var color=[“红色”、“蓝色”、“黄色”、“白色”、“黑色”、“绿色”、“橙色”、“洋红”];
函数generateCode(){
var=[];
while(拾取的长度<4){
var index=parseInt(Math.random()*color.length,0);
var c=颜色[指数];
如果(拾取的索引为(c)=-1){
推(c);
}
}
回采;
}
$(函数(){
var pickedCode=generateCode();
console.log(pickedCode);
var指数=[];
$('.pickcolor')。在('click',函数(e)上{
var指数=指数[e.target.id]?指数[e.target.id]:0;
var currentColor=颜色[索引];
$(e.target).css('background-color',currentColor)
.数据(“数据颜色”,currentColor);
索引=索引+1>=color.length?0:索引+1;
索引[e.target.id]=索引;
});
$('checkButton')。在('click',function()上{
变量项=[
$('#choosecolor0')。数据('data-color'),
$('#choosecolor1')。数据('data-color'),
$('#choosecolor2')。数据('data-color'),
$('#choosecolor3')。数据('data-color'))
];
if(条目索引of(未定义)>-1){
警报(“我不知道该怎么办”);
返回;
}
});
});
正文{
溢出:自动;
背景颜色:浅灰色;
身高:99%;
宽度:99%;
}
div{
边框:2件纯黑;
}
.信息栏{
高度:598px;
宽度:200px;
右:50%;
溢出:隐藏;
位置:绝对位置;
最高:5%;
右:0%;
背景色:白色;
}
.按钮{
高度:70像素;
宽度:300px;
位置:绝对位置;
字体大小:36px;
最高:11%;
左:25%;
背景色:白色;
}
.转身{
浮动:左;
宽度:65px;
高度:350px;
边界:0px;
}
colorpin先生{
浮动:左;
宽度:14px;
高度:14px;
背景颜色:灰色;
保证金:3倍;
}
.spacex{
浮动:左;
宽度:50px;
高度:50px;
利润率:6px;
}
.colorfield{
浮动:左;
宽度:65px;
高度:65px;
背景色:白色;
利润率:10px;
左边距:15px;
}
#董事会{
宽度:652px;
高度:330px;
保证金:自动;
背景色:暗灰色;
位置:绝对位置;
最高:25.5%;
左:25%;
}
#转向交互式{
宽度:100px;
高度:357px;
背景色:白色;
保证金:自动;
边缘底部:10px;
位置:绝对位置;
最高:28%;
左:15%
}
图宁先生{
宽度:70px;
高度:265px;
边框:2件纯黑;
位置:绝对位置;
最高:36%;
左:17%;
}
.页脚{
宽度:80%;
位置:绝对位置;
左:3%;
最高:87%;
}

主脑
检查!
高分:
``
乔登·迪尔


使用JavaScript,您可以轻松获得颜色值:

alert(myDiv.style.backgroundColor);

你能为这个做一个小摆设吗?提供最小的例子我们面临的最大问题是元素
id
s需要是唯一的。所有这些元素都带有
id='colorpin'
是无效的。但是,也就是说,您可以直接获取值,如回答中所述,或者在某些情况下,您需要依赖于
窗口。getComputedStyle
,此处:不是深入阅读此内容,而是纯粹从标题中获取,您想要的是这样的内容吗
$(“#a”).css(“背景色”),$(“#b”).css(“背景色”)
从字面上将一个(b)的颜色分配给另一个(a)?@jordenddiele a“Fiddle”指的是显示少量功能代码的片段。它可以让人们对代码进行游戏,并使其更易于查看(并让我们自己看到问题),如果只想给它一个颜色值,那么我会在CSS中这样做。我遇到的问题是将玩家在游戏中为四个“choosecolor”分区选择的颜色复制到棋盘上的颜色。当点击按钮时,计算机需要给他们一种颜色,而不是我给所有的东西一个带颜色的类。不过谢谢你给了我一些。