将css元素添加到javascript？ [复制]

Question

这是一段包含两个 CSS 元素的代码。 del 和 ins

我想将整个 CSS 代码包含到 Javascript 中...但是代码比我的经验高出一级...

这是 CSS 代码：

del {
    text-decoration: none;
    color: #b30000;
    background: #fadad7;
}
ins {
    background: #eaf2c2;
    color: #406619;
    text-decoration: none;
}

下面是包含这些类的代码：

convertChangesToXML: function(changes) {
  var ret = [];
  for (var i = 0; i < changes.length; i++) {
    var change = changes[i];
    if (change.added) {
      ret.push("<ins class='diff'>");
    } else if (change.removed) {
      ret.push("<del class='diff'>");
    }

    ret.push(escapeHTML(change.value));

    if (change.added) {
      ret.push('</ins>');
    } else if (change.removed) {
      ret.push('</del>');
    }
  }
  return ret.join('');
},

如何在此处将 CSS 包含到 Javascript 中？

我不想要单独的 CSS 文件...因为我正在使用名为 Storyline 的第三方应用程序来创建网页，并且在没有 css 文件的情况下运行 javascript 代码要容易得多

Answer 1

您可以使用 JavaScript style property 在任何 DOM 元素上设置任何 CSS。

document.getElementById("el").style.color = "blue"

我认为这样做是有正当理由的，但您可能想问在脚本文件中设置 所有 CSS 是否有效。