如何使用javascript來設置CSS僞選擇器的值？

假設我要使用JavaScript來添加以下CSS如何使用javascript來設置CSS僞選擇器的值？

p:before{content:"Q: "}

這怎麼辦呢？我嘗試了以下，但他們不工作。

myEle.style.:before='content: "Q: "'; 
myEle.style.content="Q: ";

一般情況下，如何改變css僞選擇器的值？如a：visited，a：鏈接。

來源

2010-10-28 Xah Lee

[從JavaScript設置CSS僞類的規則（http://stackoverflow.com/questions/311052/setting-css-pseudo-class-rules - 從JavaScript的）？ – clarkf 2010-10-28 20:24:16

謝謝克拉剋夫。我認爲這是答案。 – 2010-10-28 20:40:58

-1

我不知道爲什麼你有一個需要設置的一個：使用JavaScript訪問，但jQuery將你的好世界對容易選擇相當多的東西，你需要：

http://api.jquery.com/category/selectors/

來源

2010-10-28 20:22:44

-1

僞選擇器不能直接更改，它們不打算更改。

如果您想在某種特定元素之前添加內容，則必須使用javascript查找所有這些元素，並使用dom函數插入此內容。這需要很多代碼，但是有很多幫助框架，比如jQuery。

使用jQuery，你可以做到這一點：

$('p').before('Q: ');

來源

2010-10-28 20:23:33 Baju

感謝Baju＆Thomas。這個怎麼樣...當發生一些事件時，我想我的js基本上做這個css：a：link {text-decoration：none}。無法完成？ ...任何人都可以在這個問題上提供一些參考或博客指針？謝謝。 – 2010-10-28 20:27:21

這是你應該用css做的事情，因爲它具有更好的性能和功能。如果你真的想要它：$（'a'）。hover（function（）{ \t $（（））.css（'text-decoration'，'underline'）; }，function（）{ \t $ this）.css（'text-decoration'，'none'）; }） – Baju 2010-10-28 20:30:30

如何使用javascript來設置CSS僞選擇器的值？

回答

相關問題