Wie kann man einen Absatz verändern/erweitern?
22.12.2005
Author: N43
KommentareUm einen Absatz zu verändern gibt es zwei Funktionen. Einmal appenChild() und appenData(). Mit der letzteren ist es aber nur möglich Text anzuhängen, Zeilenumbrüche, etc. funktionieren mit dieser Funktion nicht. Mit der ersten Funktion, appendChild(), läst sich dies aber Problemlos regeln.
Zuerst muss mittels der Funktion createTextNode() der Text eingelsen und in eine für appendChild() verwendbare Form gebracht werden. Dann kann noch ein Zeilenumbruch mittels der Funktion createElement() in eine für appenChild() verwendbarte Form gebracht werden.
Das ganze muss jetzt nur noch mit der Funktion appendChild() ausgegeben werden.
Code:
<html>
<head>
<meta http-equiv=\"content-type\" content=\"text/html; charset=ISO-8859-1\">
<title>Test</title>
<script type=\"text/javascript\">
function append ()
{
var newBRText = document.createTextNode(\"Erweiterung\");
var newBR = document.createElement(\"br\");
document.getElementById(\"Absatz\").appendChild(newBR);
document.getElementById(\"Absatz\").appendChild(newBRText);
}
</script>
</head>
<body>
<p id=\"Absatz\">Da kommt noch was...
<p><a href=\"javascript:append()\">Und was?</a></p>
</body>
</html>
<head>
<meta http-equiv=\"content-type\" content=\"text/html; charset=ISO-8859-1\">
<title>Test</title>
<script type=\"text/javascript\">
function append ()
{
var newBRText = document.createTextNode(\"Erweiterung\");
var newBR = document.createElement(\"br\");
document.getElementById(\"Absatz\").appendChild(newBR);
document.getElementById(\"Absatz\").appendChild(newBRText);
}
</script>
</head>
<body>
<p id=\"Absatz\">Da kommt noch was...
<p><a href=\"javascript:append()\">Und was?</a></p>
</body>
</html>
Mit dieser Methode kann man später gezielt einzelne Zeilen verändern.
Wenn es um das Verändern des gesamten Inhalts des Absatzes geht, oder lediglich eine Zeile angehängt werden soll kann man auch die Eigenschaft innerHTML verwenden.
JS - Code:
var Neu = \"Der neue<br />Text\";
document.all.Absatz.innerHTML = Neu;
document.all.Absatz.innerHTML = Neu;
Deine Meinung ist gefragt:
Sei der Erste und teile uns Deine Meinung mit.