How to add g styles?

Question

JavaScript

not inline
, but through js , that is,
initially we
var g = document.createElement('g');
get
<g transform="rotate(-12, 55, 35)"></g>

Answer 1

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

Answer 2

Please clarify your question.
If you add styles via JavaScript, then be prepared for the fact that the styles will be added to the element exactly inline, but programmatically.

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

If you need to add styles without inline, but through JS, then you need to write the appropriate styles in CSS and include them through adding classes to the HTML element.

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

docks:
Styles and Classes (ru)
Attributes and Properties (ru)