Amlor: css wird bei innerHTML nicht umgesetzt

SELF-Forum

css wird bei innerHTML nicht umgesetzt

Amlor
– Informationen zu den Bewertungsregeln

Hi Folks

Hab schon ein wenig gesucht, aber nichts in dieser Richtung gefunden (evt bin auch wieder zu blöd zum suchen...)

Also.. schreibe mit

$(sDiv).innerHTML = '<li class="a">blub</li>';

etwas in die HTML-Struktur einer Seite was rein ($() ist dank Prototype einfach eine vereinfachung für document.getElementById, für die, die sowas noch nicht gesehen haben). Ich kann mit verschiedenen Webhilfen auch sehen, das das Element in die HTML-Struktur eingefügt wird (z.B. mit Hilfe von Firebug), leider wird 'class="a"' nicht umgesetzt.. kann mir irgendwer n Tipp geben, was man da noch beachten müsste, oder muss ich jetzt immer mit JS alle CSS-Attribute von Hand einpflegen ???

Statisches Beispiel: http://area51.bluefog.de/hex/hex/
Dynamisches Beispiel (wo es eben nicht funktioniert): http://area51.bluefog.de/hex

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. css wird bei innerHTML nicht umgesetzt

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Amlor:

    Hi Folks

    Hab schon ein wenig gesucht, aber nichts in dieser Richtung gefunden (evt bin auch wieder zu blöd zum suchen...)

    Also.. schreibe mit

    $(sDiv).innerHTML = '<li class="a">blub</li>';

    etwas in die HTML-Struktur einer Seite was rein […]. Ich kann mit   verschiedenen Webhilfen auch sehen, das das Element in die HTML-Struktur eingefügt wird (z.B. mit Hilfe von Firebug), leider wird 'class="a"' nicht umgesetzt..

    Doch, das wird es:

    TEST.html:

    <!DOCTYPE html  
 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"  

>  

<html  
 xmlns="http://www.w3.org/1999/xhtml"  
 xml:lang="und" lang="und"  

>  

 <head>  
  <title>TEST</title>  
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />  
  <link rel="stylesheet" title="TEST" type="text/css" href="TEST.css" />  
  <script type="text/javascript" src="TEST.js"></script>  
 </head>  
 <body>  
  <div id="myElement"></div>  
 </body>  
</html>

    TEST.js:

    window.onload = test;  
  
function test()  
{  
 document.getElementById("myElement").innerHTML = '<p class="myClass">Lorem ipsum<p>';  
}

    TEST.css:

    .myClass  
{  
 background: orange;  
}

    zeigt "Lorem ipsum" auf orangenem Hintergrund.

    Statisches Beispiel: http://area51.bluefog.de/hex/hex/

    Da stimmt irgendwas mit der Zeichencodierung nicht.

    Dynamisches Beispiel (wo es eben nicht funktioniert): http://area51.bluefog.de/hex

    http://forum.de.selfhtml.org/hilfe/bedienung.htm#verweise-einbinden

    Live long and prosper,
    Gunnar

    --
    „Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln