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?
3 Antworten
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 );
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.
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.