25Jul/070
textNode erstellen mit JavaScript
Da viele Leute auf der Suche nach dem Umgang mit TextNodes oft hier landen, werde ich mich diesem Thema mal annehmen. Einfacher und von der Geschwindigkeit besser als ueber DOM-Operationen kann man auch die Eigenschaft innerHTML benutzen um Text an eine bestimmte Stelle des DOMs zu setzen, aber hier wollen wir uns anhand eines Beispiels die Methode mit createTextNode ansehen, die von vielen als sauberer erachtet wird:
Zuerst wird ein Text-Objekt erstellt und in einer Referenz gespeichert:
var textNode = document.createTextNode("Inhalt");
Mit appendChild wird der neue Kotenpunkt an einen bestehenden angehaengt. Ueber nodeValue kann man dann auf den Inhalt des Knotens zugreifen:
container.appendChild(textNode); alert( container.firstChild.nodeValue );
Hier ist der vollstaendige Beispielcode. Hier wird auch gezeigt, wie man eine Node aus dem DOM wieder entfernt:
<head>
<title>textNode erstellen mit JavaScript</title>
<script type="text/javascript">
function init() {
var textNode = document.createTextNode("Inhalt");
var container = document.getElementById('container');
container.appendChild(textNode);
alert( container.firstChild.nodeValue );
}
function remove() {
var container = document.getElementById('container');
container.removeChild(container.firstChild);
}
</script>
</head>
<body onload="init()">
<p id="container"></p>
<a href="javascript:remove()">entfernen</a>
</body>
