DOM

DOM : Document Object Model

ID로 노드 찾기
document.getElementById('root');
document.querySelector('#id');

Class Name으로 노드 찾기
document.getElementsByClassName('container');
document.querySelector('.container');
document.querySelectorAll('.container');

Tag Name으로 노드 찾기
document.getElementsByTagName('div');
document.querySelector('div');
document.querySelectorAll('div');

textContent 속성 사용
document.querySelector('#root').textContent = '안녕';

새로운 노드를 만들고 기존 노드에 붙이기
var root = document.querySelector('#root');
var newNode = document.createElement('h2');
newNode.textContext = '노드';
root.appendChild(newNode);

이벤트 부여하기
const button = document.querySelector('button');
button.addEventListener('click',function() {});

.노드에 스타일 동적으로 부여하기