Как считать значение параметра тега HTML в js?

let element = document.querySelector('.rect'); 
 
Object.assign(element.style, { 
    width: '50px', 
    height: '50px', 
    background: '#cecece' 
});

<div class="rect"></div>

var styleValue = document.getElementsByClassName("1"); 
var a = styleValue[0].getAttribute("style"); 
document.write(a);

<div style="VALUE" class="1">

let e = document.getElementById('d'); 
 
function getStyle(elem) { 
  let style = ''; 
  [].forEach.call(document.styleSheets[0].cssRules, function(item) { 
    if (item.selectorText == '.' + elem.className) 
      style = item.cssText.replace(/.+?{(.+?)}/, '$1'); 
  }); 
  return style; 
} 
 
e.style.cssText = getStyle(e);

.letter { 
  color: red; 
  font-size: 20px; 
}

<div id='d' class='letter'>asd</div>