Zeilenumbruch in der Browserausgabe
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
Der hier verwendete 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>