OPPAASEEN / Back

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(){
    $("<span id='puna'>Lisätty teksti !</span>").insertAfter("p");
  });
});
</script>

CSS-ohje:
#puna {
  color: red;
}


HTML-koodaukset:

<button> Lisää p-elementtien alle </button>

<p> 1. p-elementti. </p>
<p> 2. p-elementti. </p>
 
HUOM ! insrtBefore()-metodi:

 $("<span id='puna'>Lisätty teksti !<s/span>").insertBefore("p");
Koodaus lisää annetun tekstin p-elementtien eteen.