Как с помощью js прописать стили в css?

var styleNode; 
function addStyle() { 
  styleNode = document.createElement("style"); 
  styleNode.innerText = ".test{background-color:lightgreen;}"; 
  document.body.append(styleNode); 
} 
function removeStyle() { 
  styleNode.parentNode.removeChild(styleNode); 
}

div { 
height:100px; 
background-color:pink; 
}

<div class="test"></div> 
<button onclick="addStyle()">Add Style</button> 
<button onclick="removeStyle()">Remove Style</button>