Question

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

Codepen： https://codepen.io/gredesign/pen/GmXmPX?editors=1100

<div id="parent">
  <span onload="this.parentNode.style.backgroundColor='grey';">Test</span>
</div>

Answer 1

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

parentNode很好，我认为没有必要为javascript已经拥有不同名称的单个函数加载jquery。

Answer 2

你好，你可以用jquery做到这一点你在装载机ID上听，并在装载机达到dom状态时准备好背景

    $( "#loader").ready(function() {
      $(this).parent().css({backgroundColor: 'red'});
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="parent">
      <span id="loader" >Test</span>
</div>

Answer 3

以下是我在下面寻找的答案。感谢大家的帮助和见解。

https://codepen.io/gredesign/pen/JNarGX?editors=1111

<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>

如何更改父级的背景颜色？

3 个答案: