Почему body без цвета?

Question

[Максим]

Почему когда я проверяю body на background-color у него стоит значение <empty string> ?
Делаю это так :

let doc = document;
let docBodyStyle = doc.querySelector('body').style.backgroundColor;

Писал явно в тег body тогда показывает но если указать в style то empty string
Как добиться того что бы js читал значения из css ?

Comments

[Lynn «Кофеман»]

https://developer.mozilla.org/en-US/docs/Web/API/W...

[RAX7]

Максим Ленский, привет! чем смогу - помогу, спрашивай =)

[Максим]

RAX7, к примеру, есть некий шейп, при скреле с компа происходит морфинг, а вот с мобилы нет? Почему так ?https://codepen.io/topicstarter/pen/JjdEeJV

[RAX7]

Максим Ленский, у меня на андроиде в хроме работает. Просто анимация успевает закончиться до того, как ты доскролишь до низа фигуры. Попробуй увеличить время для transition, transition: 4s linear;

[RAX7]

Максим Ленский, сделал демку с вычисление положения svgшки относительно низа вьюпорта
https://codepen.io/RAX7/pen/KKpaEXZ?editors=0110

[Максим]

RAX7, так тоже плоховастенько ..умеешь time() прикручивать к анимации ?

[RAX7]

Максим Ленский, какой именно time(), не очень понял о чем ты

[Максим]

RAX7, https://learn.javascript.ru/datetime в анимации разумеется

[Максим]

RAX7, я хочу мой пример сделать на нативном js : https://ru.stackoverflow.com/a/1087033/308951

[RAX7]

Максим Ленский, не пойму зачем тебе там datetime, ты хочешь от MorphSVGPlugin избавиться? или полностью от гринсока

[Максим]

RAX7, полностью....я хочу научится применять время в анимации ..так сказать сделать свой timeline - в общем ты понимаешь что я хочу ?

[RAX7]

Максим Ленский, тогда тебе нужно освоить как работает requestAnimationFrame и пилить на нем свой велосипед

[Максим]

RAX7, one moment sir .... I'll look at an example from mobile

[Максим]

RAX7, Сэр ..я ваще как бы без плагинов хотел ..не плагинах я умею

[RAX7]

Максим Ленский, там из плагинов только библиотека для морфинга, если хочется самому написать подобное, то сначала загляни в исходники библиотеки https://github.com/notoriousb1t/polymorph/tree/mas...
Думаю после этого всякое желание писать такое самому исчезнет=)

[Максим]

RAX7, там типэскрипт .. проблема не отпала - я знаю одного инженера программиста - если его спросить он начинает мозг засирать ь.е другими словами для него это элементарно а для меня это finish contract

[RAX7]

Максим Ленский, ладно вот тебе пример без библиотек

Answer 1

[Athanor]

Можно использовать для этого getComputedStyle