Comment changer la couleur de fond du parent?

Question

J'essaie de changer la couleur d'arrière-plan d'un élément parent en utilisant 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

bonjour, vous pouvez le faire avec jquery vous ListenOn l'identifiant du chargeur et mis en arrière-plan lorsque le chargeur atteindre un état prêt à 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 2

Je pense que le problème principal ici pourrait être d'ajouter onload au lieu de le diviser en une fonction js/jquery. À moins que vous ayez un besoin spécifique de l'écrire en ligne, vous pouvez simplement ajouter un ID ou une classe et le référencer dans une fonction séparée. Cela a l'avantage supplémentaire de pouvoir déboguer beaucoup plus facilement.

parentNode est très bien et je ne vois pas la nécessité de charger jquery pour une seule fonction que javascript a déjà sous un nom différent.

Answer 3

Voici la réponse que je cherchais ci-dessous. Merci pour l'aide et la perspicacité de tout le monde.

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>