如何更改javascript生成的css類

我使用visjs庫，它工作良好，但我不能更改由此庫（生成js）生成的css類，因爲div是由庫的JavaScript生成的。我該如何改變這些div的類別！我試圖利用這一點，但它沒有工作：如何更改javascript生成的css類

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

來源

2017-03-13 abdellatif zoumhane

你想改變你的div的CSS類或樣式標籤？ –

你能請分享的代碼.. –

css的div但這個div是由javascript生成的 –

使用addClass過度右現有類而不是內聯CSS。

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

CSS：

.red{ 
    background-color: red; 
}

來源

2017-03-13 11:20:01

謝謝，但它沒有奏效.. div的類是由javascript生成的..你意識到這個問題 –

渲染你的html後，你可以添加類。確保您可以調試'.vis-item'.length。 –

的CSS類添加一些元素：

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

要改變：

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

從某些元素中刪除CSS類內嵌的CSS，這是您的HTML標記的樣式屬性：

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

等等。這樣你可以在html標籤的樣式屬性中添加CSS屬性。您可以通過從樣式屬性傳遞空字符串等清除：

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

來源

2017-03-13 11:17:04

謝謝..我知道所有，但它沒有影響的元素，我不知道爲什麼。。但是當我創建一個函數，我把上面的選擇器內，當我點擊按鈕它的工作..你意識到這個問題？ –

請確保您的div在jquery中操縱之前被呈現。 –

如何更改javascript生成的css類

回答

相關問題