有沒有可能用js改變CSS內容？

我在我的項目中使用Bootstrap，我需要小包裝。我從Twitter的來源得到它，它看起來像：有沒有可能用js改變CSS內容？

section#my-content { 
    background-color: #FFFFFF; 
    border: 1px solid #DDDDDD; 
    border-radius: 4px 4px 4px 4px; 
    margin: 15px 0; 
    padding: 39px 19px 14px; 
    position: relative; 
} 
section#my-content:after { 
    background-color: #F5F5F5; 
    border: 1px solid #DDDDDD; 
    border-radius: 4px 0 4px 0; 
    color: #9DA0A4; 
    content: "Example"; 
    font-size: 12px; 
    font-weight: bold; 
    left: -1px; 
    padding: 3px 7px; 
    position: absolute; 
    top: -1px; 
}

那麼，這可能與JS（jQuery的）或或以某種方式不同變化content動態特性？

來源

2013-03-25 user1692333

您是否嘗試過使用jquery'.css'方法？ – awbergs 2013-03-25 21:18:28

@awbergs是的，沒有運氣 – user1692333 2013-03-25 21:19:03

你有沒有嘗試過任何東西，因爲這應該是相當微不足道的谷歌搜索？至少你會知道jQuery不能訪問僞元素！ – adeneo 2013-03-25 21:19:04

你不能用jQuery修改僞元素（除非你想添加<style>標籤）。你可以，但是，改變你的CSS使它更容易些：

content: attr(data-text);

文本將被包含在元素的屬性中：

<div data-text="This is the default text">Test</div>

現在，你可以改變使用jQuery和屬性文本將改變：

$('h1').attr('data-text', 'This is some other text');

演示：http://jsfiddle.net/8qNjv/

來源

2013-03-25 21:20:46 Blender

不錯，謝謝你。 – user1692333 2013-03-25 21:25:09

如果你的意思是，你可以使用javascript/jQuery修改給定的css class的css rules，那麼你不能這樣做。

但是，您可以使用jQuery .css動態添加新的CSS規則。

閱讀more about it here

來源

2013-03-25 21:23:23

您可以使用很多：

// style editing 
.attr() 
.css() 

// text editing 
.html() 
.append()

但也許它能夠更好地增加你真的想要什麼，也後下一次的HTML。而你想要的結果。

來源

2013-03-26 09:56:40

有沒有可能用js改變CSS內容？

回答

相關問題