Javascript로 input type 변경하기 (attr, prop 차이)

Input 의 속성 type을 Javascript로 변경하고싶어서 검색하다가 attr로 변경할수있다는 정보를 알게돼서

if($("#license_check").is(":checked")){

$('.license_input').attr("type", "password");

}else{

$('.license_input').attr("type", "text");

}

를 해보았으나 실패함...

type property can't be changed 에러발생...

다시 검색

if($("#license_check").is(":checked")){

$('.license_input').prop("type", "password");

}else{

$('.license_input').prop("type", "text");

}

로 해봤더니 정상적으로 작동함

Jquery 속성인 attr 와 prop의 차이를 검색해봄

attr()

.attr()는HTML의속성을 취급

prop()

.prop()는JavaScript프로파티을 취급

양쪽은 같은 이름에서 다른게 있다.