Замена свойства псевдоэлемента
 

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
как "ПОЛУЧИТЬ" я знаю

вариант типа:

document.getElementsById(id).style.boxShadow = + ... 'px'

не подходит уже пробовал

Интерфейса для работы с псевдоэлементами в DOM нет. Можно добавить на страницу <style>…</style> с дополнительными стилями или изменять наборы правил в document.styleSheets.