CSS mit JavaScript ändern

[gd0123456]

Hallo möchte gerne mit JavaScript die Css Klassen tauschen. Im Internet findet man dazu "className". Doch wenn ich es machen passiert rein gar nichts. Weiß jemand wo das Problem ist?

CSS Datei:
@font-face {
font-family: 'plantagenet_cherokeeregular';
src: url('../schriftart/plantc-webfont.eot');
src: url('../schriftart/plantc-webfont.eot?#iefix') format('embedded-opentype'),
url('../schriftart/plantc-webfont.woff2') format('woff2'),
url('../schriftart/plantc-webfont.woff') format('woff'),
url('../schriftart/plantc-webfont.ttf') format('truetype'),
url('../schriftart/plantc-webfont.svg#plantagenet_cherokeeregular') format('svg');
font-weight: normal;
font-style: normal;

}

.test {
font-family: courier new;
}
oder:

.test {
font-family: 'plantagenet_cherokeeregular',serif;
}

JavaScript:

var doc= document.getElementById("frame").contentWindow.document;
var range = doc.getSelection().getRangeAt(0);
var nnode = doc.createElement("span");
nnode.className = 'test';
nnode.innerHTML = "Test";
range.insertNode(nnode);

Laut FireBug wird das Span richtig mit der CSS-Klasse geschrieben. Egal ob ich es kjetzt mit Courier New ausprobiere oder einem FONT welches eingebunden wird. Es geht nicht. Nur wenn ich den Style direkt in das innerHTML schreiben dann funktioniert es.

 

[scbawik]

Hallo möchte gerne mit JavaScript die Css Klassen tauschen. Im Internet findet man dazu "className". Doch wenn ich es machen passiert rein gar nichts. Weiß jemand wo das Problem ist?

CSS Datei:
@font-face {
font-family: 'plantagenet_cherokeeregular';
src: url('../schriftart/plantc-webfont.eot');
src: url('../schriftart/plantc-webfont.eot?#iefix') format('embedded-opentype'),
url('../schriftart/plantc-webfont.woff2') format('woff2'),
url('../schriftart/plantc-webfont.woff') format('woff'),
url('../schriftart/plantc-webfont.ttf') format('truetype'),
url('../schriftart/plantc-webfont.svg#plantagenet_cherokeeregular') format('svg');
font-weight: normal;
font-style: normal;

}

.test {
font-family: courier new;
}
oder:

.test {
font-family: 'plantagenet_cherokeeregular',serif;
}

JavaScript:

var doc= document.getElementById("frame").contentWindow.document;
var range = doc.getSelection().getRangeAt(0);
var nnode = doc.createElement("span");
nnode.className = 'test';
nnode.innerHTML = "Test";
range.insertNode(nnode);

Laut FireBug wird das Span richtig mit der CSS-Klasse geschrieben. Egal ob ich es kjetzt mit Courier New ausprobiere oder einem FONT welches eingebunden wird. Es geht nicht. Nur wenn ich den Style direkt in das innerHTML schreiben dann funktioniert es.

Du musst das CSS im iFrame definieren, nicht außerhalb.

 

[gd0123456]

Danke hat sich erledigt. Super danke für die Hilfe. Hab den Pfad falsch eingebaut.