Gibt es eine Möglichkeit, einen CSS-Stil in Javascript anzuwenden?

Angenommen, ich habe einen CSS-Stil mit dem Titel "InfoFont" und möchte ihn auf den aus document.write("Information"); geschriebenen Text anwenden. Wie würde ich das tun?

0
jrquick 9 Okt. 2012 im 23:48

3 Antworten

Beste Antwort

Sie müssten den Inhalt, den Sie dynamisch hinzufügen, mit einem Tag umschließen, das die gewünschte CSS-Klasse enthält.

Fügen Sie wirklich Inhalte über document.write hinzu?

Es wäre üblicher, so etwas zu sehen:

var newDiv = document.createElement( "div" );

newDiv.className = "InfoFont";
newDiv.innerHTML = "[YOUR CONTENT HERE]";

document.getElementById( "[RELEVANT CONTAINER ID]" ).appendChild( newDiv );
3
Kevin Boucher 9 Okt. 2012 im 19:53

Versuchen Sie Folgendes: -

var ele = document.createElement('div');
ele.setAttribute('id', 'ELEMENTID');
ele.setAttribute('className', 'InfoFont'); // OR  ele.className = 'InfoFont';
ele.innerHTML = "CONTENT";

@ Matts Kommentarantwort ist einfach die beste Antwort.

1
Siva Charan 9 Okt. 2012 im 19:55

Sie benötigen ein Dokumentelement wie einen Bereich oder ein Div, um Ihren Text zu kapseln. Anschließend können Sie dem Kapselungselement einen Stil zuweisen.

Wie im Kommentar erwähnt, sollten Sie document.write vermeiden. Ich empfehle Ihnen, jquery oder ein anderes Framework zu verwenden, um das DOM zu bearbeiten, wenn Sie Zugriff darauf haben.

2
Maess 9 Okt. 2012 im 19:52