Facebook
From Crimson Shama, 5 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 254
  1. <!doctype html>
  2. <html>
  3. <head>
  4.         <title>Ćwiczenia JavaScript</title>
  5.         <meta charset="utf-8" />
  6.         <script type="text/javascript">
  7.                 function formatuj_akapit()
  8.                 {
  9.                         var akapit1 = document.getElementById('akapit_1');
  10.                         with (akapit1.style)//formatujemy pierwszy akapit
  11.                         {
  12.                                 fontSize='25px';
  13.                                 color='red';
  14.                                 textAlign='right';
  15.                         }
  16.                 }                      
  17.                 function formatuj_akapity()
  18.                 {
  19.                         var akapity = document.getElementsByTagName('p');//tablica akapitów
  20.                         for (var i=1;i<akapity.length;i++)//zaczynamy od indeksu 1 ponieważ pierwszy (zerowy) akapit został sformatowany wcześniej
  21.                         {
  22.                                 with (akapity[i].style)
  23.                                 {
  24.                                         fontSize='35px';
  25.                                         color='blue';
  26.                                         textAlign='center';
  27.                                 }
  28.                         }
  29.                 }
  30.         </script>
  31. </head>
  32.  
  33. <body>
  34.         <p id="akapit_1">
  35.                 Akapit 1
  36.         </p>
  37.         <p>
  38.                 Akapit 2
  39.         </p>
  40.         <p>
  41.                 Akapit 3
  42.         </p>
  43.         <p>
  44.                 Akapit 4
  45.         </p>
  46.        
  47.         <button onclick="formatuj_akapit();">Formatuj akapit 1</button>
  48.         <button onclick="formatuj_akapity();">Formatuj akapity 2, 3 oraz 4</button>
  49.        
  50. </body>
  51. </html>