Viennamade: Wie teilt sich js dem Browser mit?

Schönen Abend!

Mit document.write schreibe ich was in eine HTML-Datei, nämlich:
document.write("<div id='idname'>blablabla</div>")

Letzte Woche hat mich gewundert, daß das solcherart in die HTML geschriebene(?) div-Element zwar sichtbar ist, aber im Quelltext des Browser _nicht_. Man muß nicht alles wissen, also habe ich Euch nicht gefragt.

Heute wird das ganze für mich enterisch: Denn ich kann für das element mit der id "idname" CSS-Deklarationen (z.B. padding:2px;) erfolgreich vornehmen. Was läuft da ab? CSS-Deklarationen für unsichtbaren HTML-Text?

Hui! Nehmt mir bitte meinen Aberglauben!

Beste Grüße
Viennamade

  1. Hallo,

    Mit document.write schreibe ich was in eine HTML-Datei, nämlich:
    document.write("<div id='idname'>blablabla</div>")

    Letzte Woche hat mich gewundert, daß das solcherart in die HTML geschriebene(?) div-Element zwar sichtbar ist, aber im Quelltext des Browser _nicht_.

    was der Browser sichtbar anzeigt und was im Quelltext steht (und
    bei Aufruf der ansprechenden Browserfunktion als solcher angezeigt
    wird), sind zwei verschiedene Dinge. Es gibt JavaScript-Quelltext-
    Verschlüsselungsmethoden [1], die sich genau diesen Effekt zu
    Nutze machen. Im Quelltext steht nur JS-Kauderwelsch, angezeigt
    wird aber die Seite ganz normal.

    Heute wird das ganze für mich enterisch: Denn ich kann für das element mit der id "idname" CSS-Deklarationen (z.B. padding:2px;) erfolgreich vornehmen. Was läuft da ab? CSS-Deklarationen für unsichtbaren HTML-Text?

    Nö, angezeigt wird ja, wie Du schon festgestellt hast, das DIV-
    Element, dazu muß es nicht im Quelltext "fest" drinstehen ...
    Der Browser "erzeugt" dieses Element aus dem JS-Code und kann
    dementsprechend auch CSS-Definitionen darauf anwenden.

    Viele Grüße,
    Stefan

    [1] Wer jetzt Bauchschmerzen hat, der hat verstanden, wie sicher
        solche "Verschlüsselungsmethoden" wirklich sind :-)

    1. Hallo Stefan!

      document.write("<div id='idname'>blablabla</div>")

      was der Browser sichtbar anzeigt und was im Quelltext steht (und
      bei Aufruf der ansprechenden Browserfunktion als solcher angezeigt
      wird), sind zwei verschiedene Dinge. Es gibt JavaScript-Quelltext-
      Verschlüsselungsmethoden [1], die sich genau diesen Effekt zu
      Nutze machen. Im Quelltext steht nur JS-Kauderwelsch, angezeigt
      wird aber die Seite ganz normal.

      Ich sehe im Quelltext des Browser nur denn Funktionsaufruf (<script type="text/javascript">fontSizer();</script>). Sonst gar nichts.
      Kann ich das Dokument auch so beschreiben, daß die Scriptausgabe - im Beispiel also "blablabla" - 1:1 im Browserquelltext sichtbar wird?

      Beste Grüße
      Viennamade

      1. Hallo,

        Ich sehe im Quelltext des Browser nur denn Funktionsaufruf (<script type="text/javascript">fontSizer();</script>). Sonst gar nichts.

        URL?

        Kann ich das Dokument auch so beschreiben, daß die Scriptausgabe - im Beispiel also "blablabla" - 1:1 im Browserquelltext sichtbar wird?

        Im Netscape 4.x ist das der Fall, wenn ich mich recht entsinne ...

        Viele Grüße,
        Stefan

        1. Hallo!

          Ich sehe im Quelltext des Browser nur denn Funktionsaufruf (<script type="text/javascript">fontSizer();</script>). Sonst gar nichts.
          URL?

          Nix Url :-( ... erst morgen (hoffe ich).

          Paßt aber schon, kann mit Deiner 1. Antwort gut leben.

          Besten Dank & Grüße
          Viennamade

  2. Tach,

    Letzte Woche hat mich gewundert, daß das solcherart in die HTML geschriebene(?) div-Element zwar sichtbar ist, aber im Quelltext des Browser _nicht_. Man muß nicht alles wissen, also habe ich Euch nicht gefragt.

    in aktuellen Mozillas (seit 1.6 glaube ich), kannst du die Elemente auf der Seite markieren und dir mit Rechtsklick und der Funktion "Auswahl Quelltext ansehen" den effektiven Quelltext anzeigen lassen.

    mfg
    Woodfighter

    1. Tach auch!

      in aktuellen Mozillas (seit 1.6 glaube ich), kannst du die Elemente auf der Seite markieren und dir mit Rechtsklick und der Funktion "Auswahl Quelltext ansehen" den effektiven Quelltext anzeigen lassen.

      ... worauf ich mir 1.6 runterlud und glücklich war!

      Danke!
      Viennamade