basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    Ich würde gerne nach 'Hallo Welt. ' Einen Zeilenumbruch ausführen, mit der nächsten Zeile 'Welcome to this site!' ,sodass auch im Browser beides untereinander ist. Ich hab alle möglichen Dinge, die ich bei google gefunden hab ausprobiert

    Code

                                        
                                    <style>
      .box{
      width:90%;
      margin: 0 auto;
      border:1px solid black;
      margin-top:30px;
      padding:20px;
    }
    .meineklasse1{
      color:green;
    }
    .meineklasse2{
      color:red;
    }
    .meineklasse3{
      color:blue;
    }
    </style>
    <h2>Mit document.write ( Nicht zu empfehlen )</h2>
    <div class="box">
      <script>
        document.write('<div class="meineklasse1">hallo 1</div>\n test');
      </script>
    </div>
    <h2>Mit create.Element ( je nachdem was man vor hat ) </h2>
      <div class="box" id="box1">
        <script>
      var neu=document.createElement('div');
      neu.id='meineId';//optional aber sinnvoll
      neu.className='meineklasse2';//optional
      neu.innerHTML='hallo 2<br> test';
      document.getElementById('box1').appendChild(neu);
       </script>   
    </div>
    <h2>Mit innerHTML ( meiner meinung immer ok )</h2>
      <div class="box" id="box2"> 
        <script>
      document.getElementById('box2').innerHTML='<div class="meineklasse3">hallo 3<br> test</div>';
        </script>
    </div>