HTML-Datei im DIV-Container einbinden

[twseiten_de]

Hallo,

eine HTML-Datei ist nicht dasselbe wie HTML-Daten.

Unter der Annahme, dass es eine HTML-Datei ist, wird also u.a. auch BODY als Daten erzeugt, also ein Dokument-Objekt, welches eine Fensterinstanz benötigt.

HRML-Daten sind Ergänzungen zu einem Objekt. Typisch ist die Eigenschaft .innerHTML, die allerdings nicht jedes Objekt besitzen muss.

Beim Internet Explorer gibt es noch .innerText, also Text-Daten ohne HTML-Code.

HTML-Daten werden mit Einlesen geparst und ev. sofort ausgeführt.
Daher kann man z.B. einen DIV-Inhalt dynamisch ändern mit JavaScript.
Woher der Inhalt stammt, ist wurscht. Der Inhalt kann z.B. aus einer JavaScript-Datei stammen (per SCRIPT-Tag einbinden).

Beispiel:

JavaScript-Datei test.js mit Inhalt

var testjs_String='<IMG SRC="test.gif"></IMG>Der Text neben dem Bild<BR>Andere Zeile';

test.js in das HTML-Dokument einbinden per <SCRIPT SRC=test.js></SCRIPT>

Im HTML-Dokument steht irgendwo der DIV, dessen Inhalt geändert wird.

<DIV ID="ID_DIV"></DIV>

per JavaScript-Funktion im <SCRIP> ...</SCRIPT> im Head oder Body

function DIV_innerHTML_Aendern()
{ID_DIV.innerHTML=testjs_String;}
           // Achtung: Manche Browser kennen ID_DIV als Zeiger nicht
           //  dann muss getelementsByID() verwendet werden.
           // Internet Explorer kann IDDIV als Zeiger direkt
           //      kodiert verwenden

Fazit: Je nach Inhalt der JS-Datei ändert sich der DIV.

Gruss Tom.

Hinweis: per createElement() und appendchild() lassen sich Objekte wie DIV und  SCRIPT dynamisch erzeugen.