请教各位大佬，如下图

B1我想取到A1的背景颜色，ABC的html代码一样，如下

<div id="roundeds" class="rounded-rectangle" style="margin:0;padding: 0;width: 65px; height: 35px;  background-color: #AA6FF2; position: relative; border-radius: 40px; overflow: hidden;  display: flex; justify-content: center; align-items: center;">   <div id="textid" class="text" style="font-size: 14px; font-weight: bold;">图形</div> </div>

就是我想做的是如下效果

就是点击图形后我加了js进行变色，然后这个时候我点击表格按钮，我希望“表格”背景变成紫色，“图形”背景变成黑色，用js写，我本想设条件属性，但条件属性的背景是一个长方形的框，不是我这个表格用div和css写的背景