Javascript 从div的第一个子级获取背景色

我有以下代码：

<div id="my-color-picker-1" class="color-picker jcolor-picker"> 
   <div data-type="btn" style="background: rgb(150,78,78)"></div>
</div>

但我有一个未定义的错误

你能给我一些建议吗

提前Thx。

1

您还可以使用node元素上的

children

属性获取背景

let elements=document.getElementsByClassName（“颜色选择器”）；
const background=元素[0]。子元素[0]。style.background；
控制台日志（后台）

1

您还可以使用node元素上的
children
属性获取背景


let elements=document.getElementsByClassName（“颜色选择器”）；
const background=元素[0]。子元素[0]。style.background；
控制台日志（后台）

将返回节点在树中的第一个子节点

然后需要返回紧跟在其父节点的子节点中指定节点之后的节点


让bgColor=document.querySelector（“#my-color-picker-1”）.firstChild.nextSibling.style.backgroundColor
console.log（bgColor）

将返回节点在树中的第一个子节点

然后需要返回紧跟在其父节点的子节点中指定节点之后的节点


让bgColor=document.querySelector（“#my-color-picker-1”）.firstChild.nextSibling.style.backgroundColor
console.log（bgColor）

document.getElementsByClassName（“颜色选择器”）[0]
？这是否回答了您的问题？这个怎么样<代码>文档.getElementsByClassName（“颜色选择器”）.childNodes[0]
@GillesHeinesch否，因为
getElementsByClassName
没有该属性，因为
getElementsByClassName
返回一个“集合”，而不是单个项目
document.getElementsByClassName（“颜色选择器”）[0]
是否回答了您的问题？这个怎么样<代码>文档.getElementsByClassName（“颜色选择器”）.childNodes[0]
@GillesHeinesch否，因为
getElementsByClassName
没有该属性，因为
getElementsByClassName
返回一个“集合”，而不是单个项目
let x = document.getElementsByClassName("color-picker").firstChild;