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代码非常容易< / strong>

Answer 1

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

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

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

在JavaScript中添加CSS元素？

1 个答案: