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='sini'> Lisätty id-tunnisteella !</span>").appendTo("#lisaa");
    $("<span id='puna'> Lisätty kaikkiin p-elementteihin !</span>").appendTo("p");
  });
});
</script>

CSS-ohjeet:

 #sini{color:BLUE;}
 #puna{color:RED;}

HTML-koodaukset:

<button> Lisää p-elementteihin </button>

<p> Tämä on 1. p-elementti. </p>
<p> Toinen p-elementti </p>
<p id="lisaa"> Tämän on 3. p-elementti tekstin jälkeen. </p>