Javascript 如何获取十六进制代码以显示在显示器中？当我按下更改颜色时，我希望十六进制代码显示在屏幕上

我正试图让十六进制代码显示在我的背景颜色变换器。我可以使用

document.getElementById

吗？这是我的密码。我想在按下“更改颜色”按钮时显示十六进制代码？我会使用数组来实现这一点，还是使用什么是最好的选择？我一直在努力，只是为了在JS上做得更好，我真的很努力，所以任何帮助都会很有帮助

函数bcc（）{
const color=document.getElementById（'changeColor'）；
color.style.color=newColor；
}

正文{
保证金：0；
填充：0；
背景色：rgb（219219161）；
}
h1，
氢{
文本对齐：居中；
}
#钮扣{
文本对齐：居中；
边缘：0.45em；
}

背景色变换器
RGB颜色：



单击以更改颜色

我认为您想要更改的是backgroundColor属性<代码>颜色是文本的颜色，而不是背景的颜色。如果要更改背景，还需要在按钮上添加

id

属性。我认为您不需要在按钮周围设置

锚。我试图在下面找到解决你问题的方法

函数bcc（）{
const color=document.getElementById（'changeColor'）；
color.style.backgroundColor='黑色'；
}

正文{
保证金：0；
填充：0；
背景色：rgb（219219161）；
}
h1，
氢{
文本对齐：居中；
}
#钮扣{
文本对齐：居中；
边缘：0.45em；
}

背景色变换器
背景色变换器
RGB颜色：



单击以更改颜色

首先，向要显示颜色的元素添加ID，如下所示：

<h2 id="color">RGB Color: </h2>

---

这将为您提供：

RGB颜色：RGB（219219161）

不清楚您试图在此处执行的操作我只想在用户单击“更改颜色”时显示十六进制代码。请不要在其他网站上隐藏您的代码。将您的代码包含在堆栈片段中（编辑器工具栏中的图标看起来像

），以便每个人都可以共享。我已更新了我的消息，以遵循您的建议，该建议只为我提供了一种rgb颜色（219219、219、161），当我单击“单击”更改颜色时，什么也没有发生。

function bcc() {

  const color = document.getElementById('color');
  const backgroundColor = window.getComputedStyle(document.body ,null).getPropertyValue('background-color');

  color.innerHTML = "RGB Color: " + backgroundColor;

}