Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.04.2012, 16:57
Аватар для Verhal
Интересующийся
Отправить личное сообщение для Verhal Посмотреть профиль Найти все сообщения от Verhal
 
Регистрация: 06.05.2010
Сообщений: 24

псевдоэлементы и Javascript
Можно ли управлять псевдоэлементами средствами Javascript-а?
Ответить с цитированием
  #2 (permalink)  
Старый 01.04.2012, 17:12
Аватар для Amphiluke
   ☽
Отправить личное сообщение для Amphiluke Посмотреть профиль Найти все сообщения от Amphiluke
 
Регистрация: 07.01.2011
Сообщений: 254

В общем, да. Считывать 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>
Ответить с цитированием
  #3 (permalink)  
Старый 01.04.2012, 17:37
Аватар для Verhal
Интересующийся
Отправить личное сообщение для Verhal Посмотреть профиль Найти все сообщения от Verhal
 
Регистрация: 06.05.2010
Сообщений: 24

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Книга: JavaScript. Сильные стороны Magneto Учебные материалы 16 21.04.2013 15:28
Первый Moscow JavaScript Meetup korenyushkin Общие вопросы Javascript 0 26.07.2011 15:23
javascript вставки в vrml сцены. Передать событие из броузера Proletariy Javascript под браузер 0 10.05.2011 12:26
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34