Hallo Roadster,

Hallo Jürgen.

deine Lösung ist falsch, da html, head und body in einem div nichts zu suchen haben.

Magst du das etwas genauer ausführen? Die HTML-Tags sind doch gar nicht "in" dem div!?

Der modifizierte Code

document.getElementById("ziel-div").addEventListener("click", showtext);  
function showtext() {  
var request = new XMLHttpRequest();  
request.open("get", "test.html");  
request.send();  
request.addEventListener("load", function( e ) {  
var text = e.target.responseText;  
document.getElementById("ziel-div").innerHTML = text;  
});}  

läd doch nur die externe HTML-Datei mit dem Text INS Script (und erstmal NUR dahin) und holt sich dann AUS der HTML-Datei den Text, also alles, was mit <p> ... </p> als Text definiert ist, und zeigt diesen (und NUR diesen!) dann via innerHTML in der Box an.

Ich lade ja nicht wie bei iframe die ganze HTML-Datei in die div-Box, sondern hole mir nur den mittels <p></p> ausgezeichneten Text(!) aus der externen Datei, welcher dann auf der Webseite angezeigt wird!

Vielleicht reicht mein Verständnis des Vorgangs nicht aus, um das adäquat beurteilen zu können, aber ich sehe nicht, wie die HTML-Tags aus der externen Datei in die div-Box gelangen sollen?

Wenn ich es so mache wie beschrieben, wird der Text aus der externen Datei korrekt angezeigt, und Fehlermeldungen seitens des Browsers gibt es auch keine...

Gruß,

Roadster.