[Javascript] DOM 객체로 HTML 요소의 속성 바꾸기

1. 텍스트 필드의 값 다루기

1.1. 텍스트 필드의 값 가져오기

요소.value 

1.2. 텍스트 필드의 값 초기화하기

• 텍스트필드.value 에 "" 을 대입하면 값을 초기화할 수 있습니다.

2. 선택 목록 다루기(콤보박스)

2.1. value 가져오기

select.value로 value를 가져올 수 있습니다. 하지만 option value의 값이 출력되는 단점이 있습니다.

2.2 innerText로 태그 안 텍스트 가져오기

2.1.의 단점을 보완하는 방법입니다. value값 말고 태그(<)와 태그(/>) 사이의 텍스트를 가져오겠습니다.

select.innerText

select의 option이 배열처럼 저장되어 있기 때문에 위와 같은 방법으로 하면 select 안의 모든 innerText가 출력됩니다.

3. 체크박스 다루기

변수.checked

위와 같은 코드를 이용하여 체크박스의 체크 여부를 확인 할 수 있습니다.