javascript - JavaScript内のテキストにCSSスタイルを適用しますか？

Question

Javascript内でCSSスタイルを適用する方法はありますか？

「InfoFont」というタイトルのCSSスタイルがあり、それをから書かれたテキストに適用したい場合、これをdocument.write("Information");どのように行いますか？

Answer 1

動的に追加するコンテンツを、目的のCSSクラスを含むタグでラップする必要があります。

本当にコンテンツを追加してdocument.writeいますか？

次のようなものを見るのがより一般的です：

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

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

document.getElementById( "[RELEVANT CONTAINER ID]" ).appendChild( newDiv );

Answer 2

テキストをカプセル化するには、spanやdivなどのドキュメント要素が必要です。次に、カプセル化要素にスタイルを適用できます。

コメントで述べたように、document.writeは避ける必要があります。DOMにアクセスできる場合は、jqueryまたは別のフレームワークを使用してDOMを操作することをお勧めします。

Answer 3

この方法を試してください：-

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

@Mattのコメント回答は単に最良の回答です。