如何更改 css class 由 javascript 生成

Question

我正在使用 visjs 库，效果很好，但我无法更改此库（vis js）生成的 css class，因为 div 是由 javascript 生成的图书馆的。请问如何更改这些 div 的 class！！我尝试使用它，但没有用：

$( document ).ready(function() {                
   $(".vis-item").css("background-color", "red");
 });
 $( document ).ready(function() {                
   $(".vis-item").css("background-color", "red");
 });

Answer 1

要将 css class 添加到某个元素：

 $('yourSelector').addClass('className');

要从某些元素中删除 css class：

 $('yourSelector').removeClass('className');

要更改内联 css，即您的 html 标签的样式属性：

 $('yourSelector').css('display', 'block');
 $('yourSelector').css('background-color', 'blue');

等等..这样您就可以在 html 标签的样式属性中添加 css 属性。您可以通过从样式属性传递空字符串来删除，例如：

 $('yourSelector').css('width', '');    //This will removwe width property

Answer 2

使用 addClass 覆盖现有 class 而不是内联 css 。

$( document ).ready(function() {                
   $(".vis-item").addClass('red');
 });

CSS:

.red{
    background-color: red;
}

如何更改 css class 由 javascript 生成

How to change css class generated by javascript

jquery

angularjs

vis.js