Javascript 如何更改父对象的背景色？

我正在尝试使用onload更改父元素的背景色

代码笔：

试验

您好，您可以使用jquery进行操作 当加载程序在dom上达到就绪状态时，您可以在加载程序id上列出并设置背景

$（“#加载程序”）.ready（函数（）{
$（this.parent（）.css（{backgroundColor:'red'}）；
});

试验
我认为这里的主要问题可能是添加
onload
，而不是将其分解为js/jquery函数。除非您有内联编写它的特殊需要，否则您可以简单地添加一个ID或类，并在单独的函数中引用它。这样做的另一个好处是能够更轻松地调试它

parentNode
很好，我认为没有必要加载jquery来实现javascript已经使用不同名称的单个函数。
下面是我想要的答案。感谢大家的帮助和洞察力



123456
var color=document.getElementsByTagName（“span”）[0]。属性[0]。值；
document.getElementById（“父”）.style.backgroundColor=color；
您可以在body标签中执行此操作。但最好不要使用内联脚本。改为添加一个事件处理程序。感谢Ottmar，我能够使用您提供的内容找到我想要的确切答案。我搜索的解决方案更像是一个纯javascript解决方案，不涉及外部库。我应该更具体一点。要了解我最终得到了什么，请参见下面的答案。谢谢你的帮助！
<div id="parent">
  <span onload="this.parentNode.style.backgroundColor='grey';">Test</span>
</div>

<div id="parent">
<span value="red">123456</span>
</div>
<script> 
  var color = document.getElementsByTagName("span")[0].attributes[0].value; 
  document.getElementById("parent").style.backgroundColor=color;
</script>