css为javascript中的段落设计样式

Question

我正在尝试为通过JS获取的段落设置样式。

这就是我所拥有的：

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

我想应用一些样式，我正在尝试下面的代码：

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

但这不起作用，JS代码无法正常工作。 任何帮助我如何使用CSS的javascript变量，如我正在尝试的？ 在此先感谢Laziale

Answer 1

要使用您现在所拥有的功能，请使用此功能（请注意使用'）：

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

但我只是建议在p中添加一个类，并在CSS中添加样式：

// 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

操纵其属性