Edit in JSFiddle

var myDiv = document.getElementById("myDiv");
var output = document.getElementById("output");

function setStyle() {
  myDiv.style.backgroundColor = "orange";
  output.innerHTML = "배경색을 설정했습니다.";
}

function getStyle() {
  var bg = myDiv.style.backgroundColor;
  if (bg) {
    output.innerHTML = "배경색 값 : " + bg;
  } else {
    output.innerHTML = "backgroundColor 값을 읽어 오지 못했습니다.";
  }
}

function removeStyle() {
  myDiv.style.backgroundColor = "";
  output.innerHTML = "배경색을 제거했습니다.";
}

function getStyleFont() {
  var size = myDiv.style.fontSize;
  if (size) {
    output.innerHTML = "글씨 크기 : " + size;
  } else {
    output.innerHTML = "fontSize 값을 읽어 오지 못했습니다.";
  }
}

function getComputStyle() {
  var css = window.getComputedStyle(myDiv);
  output.innerHTML = "글씨 크기 : " + css.fontSize;
}

<div id="myDiv">자바스크립트 CSS 조작</div>
<button type="button" onclick="setStyle()">style.backgroundColor 설정</button>
<button type="button" onclick="getStyle()">style.backgroundColor 값읽기</button>
<button type="button" onclick="removeStyle()">style.backgroundColor 제거</button>
<hr>
<button type="button" onclick="getStyleFont()">style.fontSize 읽기</button>
<button type="button" onclick="getComputStyle()">window.getComputedStyle()로 값 읽어오기</button>
<div id="output"></div>

#myDiv {
  font-size: 2em;
}