Как добавить g стили?

Question

[intriga93]

не inline
а через js
тоесть изначально есть
var g = document.createElement('g');
получаем
<g transform="rotate(-12, 55, 35)"></g>

Answer 1

[Павел Корнилов]

g.setAttribute('transform', "rotate(-12, 55, 35)")
?

Comments

[intriga93]

Павел Корнилов, спасибо

[Павел Корнилов]

intriga93, на здоровье! )

[intriga93]

Павел Корнилов, извиняюсь
не подскажете в чем ошибка? свг не показывается
https://jsfiddle.net/5fvc82L7/

а если не генерировать разметку через js
то все работает -https://jsfiddle.net/0ngyr3pq/1/

просьба написать даже если не найдете или не будет времени найти

спасибо

[Павел Корнилов]

intriga93, посмотрел и сам понять не могу. Вся разметка генерируется верно. Но почему-то блок svg.chart имеет размеры 500х0. Причины я не нашёл.
Думаю, вам лучше задать новый вопрос и описать в нём проблему.

[intriga93]

Павел Корнилов, извинюсь, можете глянуть? просто по данной тематике
Как повторно запустить анимацию?

Answer 2

[Aleksandr-JS-Developer]

Пожалуйста, уточните вопрос.

Если вы добавляете стили через JavaScript, то будьте готовы к тому, что стили будут добавятся к элементу именно инлайново, но програмно.

var g = document.createElement('g');
g.style = 'color: red; margin: 8px;';

Если вам надо добавить стили без инлайна, но через JS - то вам нужно написать соответствующие стили в CSS и подключить их через добавления к HTML-елементу классов.

var g = document.createElement('g');
g.classList.add( 'your-css-class' );

доки:
Стили и Классы (ru)
Атрибуты и свойства (ru)