JavaScript 에서 attribute와 property의 차이

attributes
: HTML 마크업에 정의
: default 값이 변하지 않음

properties
: HTML DOM 트리에 존재
: 변할 수 있음

<input value="기본값" />

console.log(input.getAttribute('value')) // 기본값
console.log(input.value) // 기본값

input에 '입력 텍스트'라고 입력한 뒤

console.log(input.getAttribute('value')) // 기본값
console.log(input.value) // 입력 텍스트
``