Ungültige Zuordnung der linken Seite mit ternären wenn

Ich möchte ein Sheet wie diese erstellen:Ungültige Zuordnung der linken Seite mit ternären wenn

var sheet = document.createElement('style'); sheet.type = 'text/css'; 
sheet.innerHTML = data.style;

Aber it seems, die IE seine eigene Syntax muss. this answer ‚s Code zu vereinfachen, habe ich versucht,

var sheet = document.createElement('style'); sheet.type = 'text/css'; 
(sheet.styleSheet ? sheet.styleSheet.cssText : sheet.innerHTML) = data.style;

Aber das wirft ReferenceError: invalid assignment left-hand side.

Dann muss ich ...

var sheet = document.createElement('style'); sheet.type = 'text/css'; 
if(sheet.styleSheet) sheet.styleSheet.cssText = data.style; 
else sheet.innerHTML = data.style;

... oder gibt es eine einfachere Alternative?

Quelle

2013-08-04 Oriol

Ich glaube, Sie können mit der Einstellung beider Werte durchkommen, und das Objektsystem von Javascript ist robust genug, um sich um den Unterschied zu kümmern. – abiessu

@abiessu Aber wenn 'sheet.styleSheet'' undefiniert' ist, dann löst 'sheet.styleSheet.cssText = sheet.innerHTML = data.style'' TypeError: sheet.styleSheet is undefined' aus. Dann sollte ich auch prüfen, ob ich das Objekt 'sheet.styleSheet' erstellen soll. – Oriol

Nein, ich meine zwei separate Zuweisungszeilen. Dieser Typfehler wird sehr wahrscheinlich ausgelöst, weil 'sheet.stylesheet' nicht existiert, um einen Wert zur Verfügung zu stellen, der in Ihrem Beispiel für 'sheet.styleSheet.cssText' zugänglich ist. – abiessu

Sie können immer tun:

sheet.styleSheet ? sheet.styleSheet.cssText = data.style 
       : sheet.appendChild(document.createTextNode(data.style));

FIDDLE

Quelle

2013-08-04 20:39:56 adeneo

nun, das ist noch weniger lesbar ... – Dave

@Dave - aber es beantwortet die Frage! – adeneo

Nun, ich wollte vermeiden, 'data.style' zu wiederholen, aber ich denke, das ist der einfachste Arbeitscode. – Oriol

Hier ist die Lösung, die Zukunft Maintainer nicht, was auf der Erde verlassen wird fragen, der Code tut:

function setSheetContent(sheet, text) { 
    if(sheet.styleSheet) 
     sheet.styleSheet.cssText = text; 
    else 
     sheet.innerHTML = text; 
} 

var sheet = document.createElement('style'); 
sheet.type = 'text/css'; 
setSheetContent(sheet, data.style);

oder wickeln Sie es für noch mehr Komfort (wenn Sie nie den Inhalt eines bestehenden Blatt ändern möchten

)

function stylesheetWithContent(sheet, text) { 
    var sheet = document.createElement('style'); 
    sheet.type = 'text/css'; 
    if(sheet.styleSheet) 
     sheet.styleSheet.cssText = text; 
    else 
     sheet.innerHTML = text; 
    return sheet; 
} 

var sheet = stylesheetWithContent(data.style);

Quelle

2013-08-04 20:36:39 Dave

Auch nicht viele Aussagen in einer Zeile. Wenn Sie den Code für schnellere Downloads minimieren möchten, verwenden Sie einen tatsächlichen Minifier (Google Closure Compiler hat z. B. eine Onlineversion) – Dave

Ich habe nur 'var sheet = document.createElement ('style'); sheet.type = 'text/css'; 'in derselben Zeile, denn wenn ich HTML schreibe, verwende ich'

Ungültige Zuordnung der linken Seite mit ternären wenn

Antwort