자바스크립트로 input 태그를 readonly로 만드는 방법

예를 들어 다음과 같은 text를 readonly로 만들고 싶다면


<input type="text" id="foo" value="foo">


다음과 같이 처리하면 된다!(활성화/비활성화 모두 가능하다!)


document.getElementById('foo').readOnly = true; // readonly 활성화

document.getElementById('foo').readOnly = false; // readonly 비활성화