[JavaScript] 자바스크립트를 이용한 태그 객체 및 onclick

1. 태그 객체

- document.getElementById("아이디명") 을 이용해서 아이디명을 가진 태그를 객체로 가져오는 것이다.

- 이것을 이용해 태그 안에 있는 내용을 바꾸거나 스타일을 바꿀수 있다.

- input 태그에서 사용자가 입력한 내용을 받기 위해서는 input태그객체.value를 사용하면 된다.

 

내용 바꾸기 : 태그객체.innerHTML = "바꿀문자열";

배경색 바꾸기 : 태그객체.style.background = "값"; --> 다른 CSS도 가능

input 태그에서 사용자가 작성한 값 : input태그객체.value

2. onclick

- <button> 태그 혹은 <input> 태그에서 버튼 타입을 사용 할 때 onclick을 사용하면 버튼을 눌렀을 때 일어나는 행동들을 정해준다.

onclick = "함수명();"

- 버튼을 눌렀을 때 함수를 실행시키라는 뜻이다.

버튼 누르기 전

버튼 누른 후