In bestehende Seite Inhalt einfügen

Klopfdreh

Mitglied
Hallo,

ich hab direkt noch eine kleine Frage, danach dürfte meiner Lösung nichts mehr im Wege stehen. Ich suche eine Lösung wie ich in den Bodytag was einfügen kann, z.B. ein DIV Block etc.
Sinngemäß sowas hier:
Code:
document.getElementsByTagName("body").data+="....";

Vielen Dank im Vorraus!
 
per "data" kannst du in einen Textknoten lediglich Text einfügen....alles wird ausgegeben, also auch evtl. vorhandener HTML-Code. Weiterhin musst du dies bei einem Textknoten tun(<body> ist ein Elementknoten).

Hier mal ein kleines Beispiel:
Code:
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
div{border:1px solid red;}
-->
</style>
</head>
<body>Textknoten im Body
  <br><b onclick="editData()">Textknoten ändern</b>|
  <b onclick="insertTextNode()">Textknoten einfügen</b>|
  <b onclick="insertElementNode()">ElementKnoten mit Textknoten einfügen</b><br>

<script type="text/javascript">
<!--
oBody=document.getElementsByTagName('body')[0];

function insertTextNode()
{
  oTextNode=document.createTextNode('ich bin ein neuer Textknoten');
  oBody.appendChild(oTextNode);
}

function insertElementNode()
{
  oElementNode=document.createElement('div');
  oTextNode=document.createTextNode('ich bin ein neuer Textknoten in einem neuen ElementKnoten');
  oElementNode.appendChild(oTextNode);
  oBody.appendChild(oElementNode);
}

function editData()
{
  oBody.firstChild.data+=' geänderter Textknoten im Body';
}
//-->
</script>
</body>
</html>

Näheres zu den verwendeten Mehoden findest du unter SelfHTML:document und SelfHTML:node
 
Danke für die schnelle Antwort! - Habe Gestern noch einmal nachgeguckt und auch eine Möglichkeit gefunden!

Code:
document.getElementsByTagName("body")[0].innerHTML += "......";

Besteht da ein Unterschied zum Anhängen?!
 
Der Unterschied besteht darin, dass HTML-Code eingefügt wird, und nicht nur reiner Text.
Weiterhin ist dies kein offizieller Standard, sondern ein Sprachbestandteil von MS-JScript(ist aber halb so tragisch, die meisten Browserhersteller haben das mittlerweile übernommen).
 

Neue Beiträge

Zurück