2012-02-08 71 views
4

我想還不如這不工作:是否可以將類添加到僞元素?

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" > 
$("p:after").addClass("allgone"); 
</script> 
<style type="text/css"> 
p:after { 
content: "daniel"; 
} 
.allgone{ 
display: none; 
} 
</style> 
<title></title> 
</head> 
<body> 
<p></p> 
</body> 
</html> 

JSFIDDLE

+0

僞元素是僞元素。他們不是真正的元素,也不是他們的功能。它們通過CSS呈現。 – Blender 2012-02-08 22:31:53

回答

9

不,但您可以將該類添加到p元素,併爲其創建替代樣式。

p:after { 
    content: "daniel"; 
} 
p.allgone:after { 
    display: none; 
} 

$('p').addClass('allgone'); 

http://jsfiddle.net/xGUaY/

+1

這是一個很好的提示;)謝謝 – 2012-02-08 22:34:39

3

沒有,僞元素不是DOM的一部分,他們無法通過JavaScript訪問。

我相信他們是Shadow DOM的一部分。僞元素由瀏覽器呈現爲包含元素內部的內聯元素,可以作爲第一個或最後一個子元素。

相關問題