javascript - 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 代码无法正常工作。如何将 CSS 用于 JavaScript 变量，例如我正在尝试的变量？

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;}