dom과 css의 차이?

배경색을 바꾸는 2가지 방법의 차이는 무엇?

방법1. dom 수정하기

document.body.style.background = 'red'; // 배경을 붉은색으로 변경하기

방법2. css로 백그라운드 변경하기

.body {
    background-color: "red";
}