Keltainen div-laatikko on valkoisen div-laatikon sisällä. Painikkeella voi vaihtaa valkoisen div:n värin.

Alla esimerkin koodaukset:

JQuery, head-elementtiin:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").offsetParent().css("background-color", "red");
  });
});
</script>

HTML-koodaukset:

<button> Aseta taustaväri </button>

<div style="border:3px solid cyan;width:70%;position:absolute;left:10px;top:50px">
  <div style="border:1px solid black;margin:50px;background-color:YELLOW">
   <p> Klikkaa painiketta.</p>
  </div>
  <p>Keltainen div-laatikko on valkoisen div-laatikon sisällä. 
      Painikkeella voi vaihtaa valkoisen div:n värin. </p>
</div>