JavaScriptの段落のCSSスタイリング

Question

私はJSを介してフェッチされた段落のスタイルを設定しようとしています。ここで

は私が持っているものです。

var info = "<p>" + meeting.summary + "</p>; 

私はいくつかのスタイルを適用したいと私は以下のコードしようとしています：

var info= "<p style="font-family: Arial, sans-serif; font-size: small;">" + meeting.summary + "</p>; 

をしかし、それは動作しないとJSコードにはありません正しく動作します。 どのように私はしようとしているようなjavascript変数のCSSを使用することができますか？あなたが今持っているもので動作するように事前に おかげで、Laziale

Answer 1

は、この（'の使用を注意してください）を使用します。

var info= '<p style="font-family: Arial, sans-serif; font-size: small;">' + meeting.summary + '</p>'; 

をしかし、私は単にpにクラスを追加することをお勧めし、

// JS 
var info = '<p class="info">' + meeting.summary + '</p>'; 

// CSS 
.info {font-family: Arial, sans-serif; font-size: small;} 

Answer 2

理想的には、DOMから段落をフェッチとJavascript like this

を使用して、その属性を操作します：CSSであることスタイル