1. p-elementti.

2. p-elementti.

3. p-elementti.

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(){
        $("<h3 id='sini'>OTSIKKO</h3>").replaceAll("p");
  });
});
</script>

HTML-koodaukset:

<button>Korvaa p-elementit h3-elementeillä</button><br>

<p id="puna">1. p-elementti.</p>
<p id="puna">2. p-elementti.</p>
<p id="puna">3. p-elementti.</p>