Gunnar Bittersmann: css wird bei innerHTML nicht umgesetzt

Beitrag lesen

SELF-Forum

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