Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   псевдоэлементы и Javascript (https://javascript.ru/forum/misc/27056-psevdoehlementy-i-javascript.html)

Verhal 01.04.2012 16:57

псевдоэлементы и Javascript
 
Можно ли управлять псевдоэлементами средствами Javascript-а?

Amphiluke 01.04.2012 17:12

В общем, да. Считывать CSS-свойства псевдоэлементов можно при помощи метода getComputedStyle (желаемый псевдоэлемент передается во втором параметре).
Управлять псевдоэлементами можно методами объекта CSSStyleSheet.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Noname</title>
<style type="text/css">
body {
	background: green;
}
</style>
<script type="text/javascript">
document.onclick = function() {
	document.styleSheets[0].insertRule("div:after { content:'via JavaScript' }", 0);
	alert(window.getComputedStyle(document.getElementsByTagName("div")[0], ":after").content);
}
</script>
</head>
<body>
<div></div>
</body>
</html>

Verhal 01.04.2012 17:37

а как изменить свойство этого псевдоэлемента?


Часовой пояс GMT +3, время: 00:55.