Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   замена свойства (https://javascript.ru/forum/misc/27268-zamena-svojjstva.html)

Verhal 07.04.2012 17:53
замена свойства
 
как можно заменить свойство псевдоэлемента через Javascript.

T-sh 07.04.2012 21:35
что значит заменить? изменить значение?

приведите пример.

Verhal 08.04.2012 12:52
у меня есть вот такие CSS-стили:
.block::after{content:"";position:absolute;width:13px;height:3px;background-color:rgba(110,110,110,1);top:9px;left:7px;box-shadow:0 0 0px rgba(170,170,170,1);}

и имеется вот такой элемент на странице:
<div class="block"></div>


мне нужно изменить свойство box-shadow у псевдоэлемента

9xakep 08.04.2012 16:23 
document.getElementsById(id).style.boxShadow = + ... 'px'

Короче чтобы туда дойти меняете все дефисы, на "написание" с большое буквы:
margin-top = marginTop
Если не ошибаюсь, то так..

T-sh 08.04.2012 16:30 
var elem = window.getComputedStyle(document.getElementById('block'), ":after");
alert(elem.getPropertyValue("box-shadow"));

Verhal 08.04.2012 22:45
Цитата:
Сообщение от 9xakep (Сообщение 167773) 
document.getElementsById(id).style.boxShadow = + ... 'px'

Короче чтобы туда дойти меняете все дефисы, на "написание" с большое буквы:
margin-top = marginTop
Если не ошибаюсь, то так..
это пройдет с идентификаторами, но не с псевдоэлементами

Verhal 08.04.2012 22:50
Цитата:
Сообщение от T-sh (Сообщение 167776) 
var elem = window.getComputedStyle(document.getElementById('block'), ":after");
alert(elem.getPropertyValue("box-shadow"));
как получить я знаю, но мне нужно его "изменить".
можно было и проще написать alert(elem.boxShadow);

elem.style.boxShadow = "0 0 4px rgba(170,170,170,1)" вот так не получится


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