html-php.de

• JavaScript
• JavaScript und HTML      
• Mathematische Funktionen      
• Zeichenketten Funktionen      
• Wenn, dann, sonst      
• Schleifen      
• Ein- und Ausgabe      
• Formulare      
• Datum/Uhrzeit      
• OnMouseOver      
• Maustasten      
• Farbwechsel      
• Textmanipulation      

  <!DOCTYPE HTML>
  <html lang="de">
  <head>
   <title>Test</title>
   <meta charset="utf-8">
   <script>
    function neuerText () {
     document.getElementsByTagName("h1")[0].firstChild.data = 
       "Die geänderte Überschrift" ;
     document.getElementsByTagName("p")[0].firstChild.data = 
       "Der erste Absatz ist geändert" ;
     document.getElementsByTagName("p")[1].firstChild.data = 
       "Der zweite Absatz ist geändert" ;
     document.getElementsByTagName("p")[2].firstChild.data = 
       "Der dritte Absatz ist geändert" ;
    }
   </script>
  </head>
  <body>
   <h1>Die erste Überschrift</h1>
   <p>Der erste Absatz</p>
   <p>Der zweite Absatz</p>
   <p>Der dritte Absatz</p>
   <p><a href="javascript:neuerText()">Text ändern</a></p>
  </body>
  </html>

  <!DOCTYPE HTML>
  <html lang="de">
  <head>
   <title>Test</title>
   <meta charset="utf-8">
   <script>
    function selektieren () {
     if (window.getSelection) {
        alert(window.getSelection());
     } else if (document.getSelection) {
        alert(document.getSelection());
     } else if (document.selection) {
        alert(document.selection.createRange().text);
     }
    }
   </script>
  </head>
  <body>
  <p>Markieren Sie etwas aus diesem Text und drücke den Button.</p>
  <form>
   <input type="button" value="Ausgabe" onmousedown="selektieren();">
  </form>
  </body>
  </html>

© 2008-2023 by Frank Gancosch