Dokument.Schreibstil css javascript

Ich ziehe ein wenig html und css aus einer Datenbank, und es passiert zu enthalten, die ein bisschen css-verpackt in einem style-tag. Ich habe dann einige innerhtml der string-variable und anzeigen.

Der html-Code wird richtig dargestellt, aber der ie wird nicht angezeigt, der Inhalt mit der css - natürlich firefox. Unten ist ein verkürztes Beispiel der code

var outputString = '<style type="text/css">.fontRed{color:red;}</style><span class="fontRed">red</span>'

Ich dann das innerHTML

document.getElementById('bilbo').innerHTML = outputString;

Dieser korrekt dargestellt wird (die Farbe rot) in FF aber nicht im IE.
Ist es eine Figur, die ich brauche, um zu entkommen für den IE? Der rest des html funktioniert, und auch inline-styles korrekt funktionieren im IE.

Jede Hilfe wäre sehr willkommen.

Dank

Würde helfen, wenn Sie beschrieb, was es ist habe im IE. BTW, mit einem Stil wie .fontRed {color:red;} völlig verfehlt den Punkt CSS.
Im er eine kurze code-snippet. Der outputString wird festgelegt, um die CLOB-gezogen von die db, das ist in diesem Fall ein text gefüllt web-Seite etwas erklären. Ich bin zu wollen, um die Seite anzuzeigen, wie Sie ist. Zeigt es korrekt im FF und nicht im IE, auch bekannt als css-Teil nicht die Darstellung im IE.
Den code gezogen, ist nicht eine web-Seite, die ich schrieb, es ist doch eigentlich nichts anderes als ein riesiger Haufen text für eine Benutzer-Vereinbarung. Also ich muss mit dem arbeiten, was mir gegeben wird...Der code im IE rendert ohne das css im Beispiel wird der text schwarz und nicht rot. IE erkennt NICHT alles, was zwischen den style-tags

InformationsquelleAutor user1689274 | 2012-11-06

  1. 0

    Setzen Sie einfach <body> zu Beginn der Ausgabe-string. also

    document.getElementById('bilbo').innerHTML = '<body>' + outputString;

    Sehen http://jsfiddle.net/ScEZ4/1/ für eine funktionierende demo.

    Getestet und funktioniert, IE6, IE7, IE8, IE9, FF16, Chrome22, Opera12

    Danke. Dies funktioniert gut, ich Schätze die Hilfe.

    InformationsquelleAutor Alohci

  2. 1

    Versuchen, diesen Ansatz .. Getestet im IE7 und höher

    //Create the Style Element
var styleElem = document.createElement('style');
styleElem.type = 'text/css' ;

var css = '.fontRed{color:red;}' ;

if(styleElem.styleSheet){
    styleElem.styleSheet.cssText = css;
}
else{
    styleElem.appendChild(document.createTextNode(css));
}

//Append the Style element to the Head
var head = document.getElementsByTagName('head')[0] ;
head.appendChild(styleElem);

//Append the span to the Div 
var container = document.getElementById('bilbo');
container.innerHTML = '<span class="fontRed">red</span>' ;​

    Überprüfen FIDDLE

    InformationsquelleAutor Sushanth --

  3. 1

    Fügen Sie den <style type="text/css">.fontRed{color:red;}</style> zu den head-tag ersten.

    InformationsquelleAutor Jules

Schreibe einen Kommentar